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
Turquoise
#40e0d0
rgb(64, 224, 208)
hsl(174, 72%, 56%)
Lighter / Darker:
100% | #ffffff | |
95% | #e9fbfa | |
90% | #d3f8f4 | |
85% | #bdf4ef | |
80% | #a7f1e9 | |
75% | #91ede4 | |
70% | #7beadf | |
65% | #65e6d9 | |
60% | #50e2d4 | |
56% | #40e0d0 | |
55% | #3adfce | |
50% | #24dbc9 | |
45% | #20c5b5 | |
40% | #1dafa1 | |
35% | #199a8d | |
30% | #158479 | |
25% | #126e64 | |
20% | #0e5850 | |
15% | #0b423c | |
10% | #072c28 | |
5% | #041614 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #e03e3e | rgb(224, 62, 62) | hsl(0, 72%, 56%) | |
15 | #e0663e | rgb(224, 102, 62) | hsl(15, 72%, 56%) | |
30 | #e08f3e | rgb(224, 143, 62) | hsl(30, 72%, 56%) | |
45 | #e0b73e | rgb(224, 183, 62) | hsl(45, 72%, 56%) | |
60 | #e0e03e | rgb(224, 224, 62) | hsl(60, 72%, 56%) | |
75 | #b7e03e | rgb(183, 224, 62) | hsl(75, 72%, 56%) | |
90 | #8fe03e | rgb(143, 224, 62) | hsl(90, 72%, 56%) | |
105 | #66e03e | rgb(102, 224, 62) | hsl(105, 72%, 56%) | |
120 | #3ee03e | rgb(62, 224, 62) | hsl(120, 72%, 56%) | |
135 | #3ee066 | rgb(62, 224, 102) | hsl(135, 72%, 56%) | |
150 | #3ee08f | rgb(62, 224, 143) | hsl(150, 72%, 56%) | |
165 | #3ee0b7 | rgb(62, 224, 183) | hsl(165, 72%, 56%) | |
174 | #40e0d0 | rgb(64, 224, 208) | hsl(174, 72%, 56%) | |
180 | #3ee0e0 | rgb(62, 224, 224) | hsl(180, 72%, 56%) | |
195 | #3eb7e0 | rgb(62, 183, 224) | hsl(195, 72%, 56%) | |
210 | #3e8fe0 | rgb(62, 143, 224) | hsl(210, 72%, 56%) | |
225 | #3e66e0 | rgb(62, 102, 224) | hsl(225, 72%, 56%) | |
240 | #3e3ee0 | rgb(62, 62, 224) | hsl(240, 72%, 56%) | |
255 | #663ee0 | rgb(102, 62, 224) | hsl(255, 72%, 56%) | |
270 | #8f3ee0 | rgb(143, 62, 224) | hsl(270, 72%, 56%) | |
285 | #b73ee0 | rgb(183, 62, 224) | hsl(285, 72%, 56%) | |
300 | #e03ee0 | rgb(224, 62, 224) | hsl(300, 72%, 56%) | |
315 | #e03eb7 | rgb(224, 62, 183) | hsl(315, 72%, 56%) | |
330 | #e03e8f | rgb(224, 62, 143) | hsl(330, 72%, 56%) | |
345 | #e03e66 | rgb(224, 62, 102) | hsl(345, 72%, 56%) | |
360 | #e03e3e | rgb(224, 62, 62) | hsl(0, 72%, 56%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #1fffe9 | rgb(31, 255, 233) | hsl(174, 100%, 56%) | |
95% | #24f9e4 | rgb(36, 249, 228) | hsl(174, 95%, 56%) | |
90% | #2af4e0 | rgb(42, 244, 224) | hsl(174, 90%, 56%) | |
85% | #2feedb | rgb(47, 238, 219) | hsl(174, 85%, 56%) | |
80% | #35e9d7 | rgb(53, 233, 215) | hsl(174, 80%, 56%) | |
75% | #3be3d2 | rgb(59, 227, 210) | hsl(174, 75%, 56%) | |
72% | #40e0d0 | rgb(64, 224, 208) | hsl(174, 72%, 56%) | |
70% | #40ddce | rgb(64, 221, 206) | hsl(174, 70%, 56%) | |
65% | #46d8c9 | rgb(70, 216, 201) | hsl(174, 65%, 56%) | |
60% | #4bd2c5 | rgb(75, 210, 197) | hsl(174, 60%, 56%) | |
55% | #51cdc0 | rgb(81, 205, 192) | hsl(174, 55%, 56%) | |
50% | #57c7bc | rgb(87, 199, 188) | hsl(174, 50%, 56%) | |
45% | #5cc1b7 | rgb(92, 193, 183) | hsl(174, 45%, 56%) | |
40% | #62bcb3 | rgb(98, 188, 179) | hsl(174, 40%, 56%) | |
35% | #68b6ae | rgb(104, 182, 174) | hsl(174, 35%, 56%) | |
30% | #6db0aa | rgb(109, 176, 170) | hsl(174, 30%, 56%) | |
25% | #73aba5 | rgb(115, 171, 165) | hsl(174, 25%, 56%) | |
20% | #78a5a1 | rgb(120, 165, 161) | hsl(174, 20%, 56%) | |
15% | #7ea09c | rgb(126, 160, 156) | hsl(174, 15%, 56%) | |
10% | #849a98 | rgb(132, 154, 152) | hsl(174, 10%, 56%) | |
5% | #899493 | rgb(137, 148, 147) | hsl(174, 5%, 56%) | |
0% | #8f8f8f | rgb(143, 143, 143) | hsl(174, 0%, 56%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(174, 72%, 100%) | |
95% | #e9fbfa | rgb(233, 251, 250) | hsl(174, 72%, 95%) | |
90% | #d3f8f4 | rgb(211, 248, 244) | hsl(174, 72%, 90%) | |
85% | #bdf4ef | rgb(189, 244, 239) | hsl(174, 72%, 85%) | |
80% | #a7f1e9 | rgb(167, 241, 233) | hsl(174, 72%, 80%) | |
75% | #91ede4 | rgb(145, 237, 228) | hsl(174, 72%, 75%) | |
70% | #7beadf | rgb(123, 234, 223) | hsl(174, 72%, 70%) | |
65% | #65e6d9 | rgb(101, 230, 217) | hsl(174, 72%, 65%) | |
60% | #50e2d4 | rgb(80, 226, 212) | hsl(174, 72%, 60%) | |
56% | #40e0d0 | rgb(64, 224, 208) | hsl(174, 72%, 56%) | |
55% | #3adfce | rgb(58, 223, 206) | hsl(174, 72%, 55%) | |
50% | #24dbc9 | rgb(36, 219, 201) | hsl(174, 72%, 50%) | |
45% | #20c5b5 | rgb(32, 197, 181) | hsl(174, 72%, 45%) | |
40% | #1dafa1 | rgb(29, 175, 161) | hsl(174, 72%, 40%) | |
35% | #199a8d | rgb(25, 154, 141) | hsl(174, 72%, 35%) | |
30% | #158479 | rgb(21, 132, 121) | hsl(174, 72%, 30%) | |
25% | #126e64 | rgb(18, 110, 100) | hsl(174, 72%, 25%) | |
20% | #0e5850 | rgb(14, 88, 80) | hsl(174, 72%, 20%) | |
15% | #0b423c | rgb(11, 66, 60) | hsl(174, 72%, 15%) | |
10% | #072c28 | rgb(7, 44, 40) | hsl(174, 72%, 10%) | |
5% | #041614 | rgb(4, 22, 20) | hsl(174, 72%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(174, 72%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
64 | 224 | 208 |
rgb(64, 224, 208)
#40e0d0
#40e0d0