HTML Color Picker
Pick a Color:
![colormap](img_colormap.gif)
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
PaleTurquoise
#afeeee
rgb(175, 238, 238)
hsl(180, 65%, 81%)
Lighter / Darker:
100% | #ffffff | |
95% | #eafbfb | |
90% | #d5f6f6 | |
85% | #c0f2f2 | |
81% | #afeeee | |
80% | #abeded | |
75% | #96e9e9 | |
70% | #81e4e4 | |
65% | #6ce0e0 | |
60% | #57dbdb | |
55% | #42d7d7 | |
50% | #2dd2d2 | |
45% | #28bdbd | |
40% | #24a8a8 | |
35% | #1f9393 | |
30% | #1b7e7e | |
25% | #166969 | |
20% | #125454 | |
15% | #0d3f3f | |
10% | #092a2a | |
5% | #041515 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #eeafaf | rgb(238, 175, 175) | hsl(0, 65%, 81%) | |
15 | #eebfaf | rgb(238, 191, 175) | hsl(15, 65%, 81%) | |
30 | #eecfaf | rgb(238, 207, 175) | hsl(30, 65%, 81%) | |
45 | #eedeaf | rgb(238, 222, 175) | hsl(45, 65%, 81%) | |
60 | #eeeeaf | rgb(238, 238, 175) | hsl(60, 65%, 81%) | |
75 | #deeeaf | rgb(222, 238, 175) | hsl(75, 65%, 81%) | |
90 | #cfeeaf | rgb(207, 238, 175) | hsl(90, 65%, 81%) | |
105 | #bfeeaf | rgb(191, 238, 175) | hsl(105, 65%, 81%) | |
120 | #afeeaf | rgb(175, 238, 175) | hsl(120, 65%, 81%) | |
135 | #afeebf | rgb(175, 238, 191) | hsl(135, 65%, 81%) | |
150 | #afeecf | rgb(175, 238, 207) | hsl(150, 65%, 81%) | |
165 | #afeede | rgb(175, 238, 222) | hsl(165, 65%, 81%) | |
180 | #afeeee | rgb(175, 238, 238) | hsl(180, 65%, 81%) | |
195 | #afdeee | rgb(175, 222, 238) | hsl(195, 65%, 81%) | |
210 | #afcfee | rgb(175, 207, 238) | hsl(210, 65%, 81%) | |
225 | #afbfee | rgb(175, 191, 238) | hsl(225, 65%, 81%) | |
240 | #afafee | rgb(175, 175, 238) | hsl(240, 65%, 81%) | |
255 | #bfafee | rgb(191, 175, 238) | hsl(255, 65%, 81%) | |
270 | #cfafee | rgb(207, 175, 238) | hsl(270, 65%, 81%) | |
285 | #deafee | rgb(222, 175, 238) | hsl(285, 65%, 81%) | |
300 | #eeafee | rgb(238, 175, 238) | hsl(300, 65%, 81%) | |
315 | #eeafde | rgb(238, 175, 222) | hsl(315, 65%, 81%) | |
330 | #eeafcf | rgb(238, 175, 207) | hsl(330, 65%, 81%) | |
345 | #eeafbf | rgb(238, 175, 191) | hsl(345, 65%, 81%) | |
360 | #eeafaf | rgb(238, 175, 175) | hsl(0, 65%, 81%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #9effff | rgb(158, 255, 255) | hsl(180, 100%, 81%) | |
95% | #a1fdfd | rgb(161, 253, 253) | hsl(180, 95%, 81%) | |
90% | #a3fafa | rgb(163, 250, 250) | hsl(180, 90%, 81%) | |
85% | #a5f8f8 | rgb(165, 248, 248) | hsl(180, 85%, 81%) | |
80% | #a8f5f5 | rgb(168, 245, 245) | hsl(180, 80%, 81%) | |
75% | #aaf3f3 | rgb(170, 243, 243) | hsl(180, 75%, 81%) | |
70% | #adf0f0 | rgb(173, 240, 240) | hsl(180, 70%, 81%) | |
65% | #afeeee | rgb(175, 238, 238) | hsl(180, 65%, 81%) | |
60% | #b1ecec | rgb(177, 236, 236) | hsl(180, 60%, 81%) | |
55% | #b4e9e9 | rgb(180, 233, 233) | hsl(180, 55%, 81%) | |
50% | #b6e7e7 | rgb(182, 231, 231) | hsl(180, 50%, 81%) | |
45% | #b9e4e4 | rgb(185, 228, 228) | hsl(180, 45%, 81%) | |
40% | #bbe2e2 | rgb(187, 226, 226) | hsl(180, 40%, 81%) | |
35% | #bee0e0 | rgb(190, 224, 224) | hsl(180, 35%, 81%) | |
30% | #c0dddd | rgb(192, 221, 221) | hsl(180, 30%, 81%) | |
25% | #c2dbdb | rgb(194, 219, 219) | hsl(180, 25%, 81%) | |
20% | #c5d8d8 | rgb(197, 216, 216) | hsl(180, 20%, 81%) | |
15% | #c7d6d6 | rgb(199, 214, 214) | hsl(180, 15%, 81%) | |
10% | #cad3d3 | rgb(202, 211, 211) | hsl(180, 10%, 81%) | |
5% | #ccd1d1 | rgb(204, 209, 209) | hsl(180, 5%, 81%) | |
0% | #cfcfcf | rgb(207, 207, 207) | hsl(180, 0%, 81%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(180, 65%, 100%) | |
95% | #eafbfb | rgb(234, 251, 251) | hsl(180, 65%, 95%) | |
90% | #d5f6f6 | rgb(213, 246, 246) | hsl(180, 65%, 90%) | |
85% | #c0f2f2 | rgb(192, 242, 242) | hsl(180, 65%, 85%) | |
81% | #afeeee | rgb(175, 238, 238) | hsl(180, 65%, 81%) | |
80% | #abeded | rgb(171, 237, 237) | hsl(180, 65%, 80%) | |
75% | #96e9e9 | rgb(150, 233, 233) | hsl(180, 65%, 75%) | |
70% | #81e4e4 | rgb(129, 228, 228) | hsl(180, 65%, 70%) | |
65% | #6ce0e0 | rgb(108, 224, 224) | hsl(180, 65%, 65%) | |
60% | #57dbdb | rgb(87, 219, 219) | hsl(180, 65%, 60%) | |
55% | #42d7d7 | rgb(66, 215, 215) | hsl(180, 65%, 55%) | |
50% | #2dd2d2 | rgb(45, 210, 210) | hsl(180, 65%, 50%) | |
45% | #28bdbd | rgb(40, 189, 189) | hsl(180, 65%, 45%) | |
40% | #24a8a8 | rgb(36, 168, 168) | hsl(180, 65%, 40%) | |
35% | #1f9393 | rgb(31, 147, 147) | hsl(180, 65%, 35%) | |
30% | #1b7e7e | rgb(27, 126, 126) | hsl(180, 65%, 30%) | |
25% | #166969 | rgb(22, 105, 105) | hsl(180, 65%, 25%) | |
20% | #125454 | rgb(18, 84, 84) | hsl(180, 65%, 20%) | |
15% | #0d3f3f | rgb(13, 63, 63) | hsl(180, 65%, 15%) | |
10% | #092a2a | rgb(9, 42, 42) | hsl(180, 65%, 10%) | |
5% | #041515 | rgb(4, 21, 21) | hsl(180, 65%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(180, 65%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
175 | 238 | 238 |
rgb(175, 238, 238)
#afeeee
#afeeee