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
MediumTurquoise
#48d1cc
rgb(72, 209, 204)
hsl(178, 60%, 55%)
Lighter / Darker:
100% | #ffffff | |
95% | #ebfaf9 | |
90% | #d6f5f4 | |
85% | #c2f0ee | |
80% | #adebe9 | |
75% | #99e6e3 | |
70% | #85e0dd | |
65% | #70dbd8 | |
60% | #5cd6d2 | |
55% | #48d1cc | |
50% | #33ccc7 | |
45% | #2eb8b3 | |
40% | #29a39f | |
35% | #248f8b | |
30% | #1f7a77 | |
25% | #196663 | |
20% | #145250 | |
15% | #0f3d3c | |
10% | #0a2928 | |
5% | #051414 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d14747 | rgb(209, 71, 71) | hsl(0, 60%, 55%) | |
15 | #d16a47 | rgb(209, 106, 71) | hsl(15, 60%, 55%) | |
30 | #d18c47 | rgb(209, 140, 71) | hsl(30, 60%, 55%) | |
45 | #d1af47 | rgb(209, 175, 71) | hsl(45, 60%, 55%) | |
60 | #d1d147 | rgb(209, 209, 71) | hsl(60, 60%, 55%) | |
75 | #afd147 | rgb(175, 209, 71) | hsl(75, 60%, 55%) | |
90 | #8cd147 | rgb(140, 209, 71) | hsl(90, 60%, 55%) | |
105 | #6ad147 | rgb(106, 209, 71) | hsl(105, 60%, 55%) | |
120 | #47d147 | rgb(71, 209, 71) | hsl(120, 60%, 55%) | |
135 | #47d16a | rgb(71, 209, 106) | hsl(135, 60%, 55%) | |
150 | #47d18c | rgb(71, 209, 140) | hsl(150, 60%, 55%) | |
165 | #47d1af | rgb(71, 209, 175) | hsl(165, 60%, 55%) | |
178 | #48d1cc | rgb(72, 209, 204) | hsl(178, 60%, 55%) | |
180 | #47d1d1 | rgb(71, 209, 209) | hsl(180, 60%, 55%) | |
195 | #47afd1 | rgb(71, 175, 209) | hsl(195, 60%, 55%) | |
210 | #478cd1 | rgb(71, 140, 209) | hsl(210, 60%, 55%) | |
225 | #476ad1 | rgb(71, 106, 209) | hsl(225, 60%, 55%) | |
240 | #4747d1 | rgb(71, 71, 209) | hsl(240, 60%, 55%) | |
255 | #6a47d1 | rgb(106, 71, 209) | hsl(255, 60%, 55%) | |
270 | #8c47d1 | rgb(140, 71, 209) | hsl(270, 60%, 55%) | |
285 | #af47d1 | rgb(175, 71, 209) | hsl(285, 60%, 55%) | |
300 | #d147d1 | rgb(209, 71, 209) | hsl(300, 60%, 55%) | |
315 | #d147af | rgb(209, 71, 175) | hsl(315, 60%, 55%) | |
330 | #d1478c | rgb(209, 71, 140) | hsl(330, 60%, 55%) | |
345 | #d1476a | rgb(209, 71, 106) | hsl(345, 60%, 55%) | |
360 | #d14747 | rgb(209, 71, 71) | hsl(0, 60%, 55%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #1afff7 | rgb(26, 255, 247) | hsl(178, 100%, 55%) | |
95% | #1ff9f2 | rgb(31, 249, 242) | hsl(178, 95%, 55%) | |
90% | #25f4ed | rgb(37, 244, 237) | hsl(178, 90%, 55%) | |
85% | #2beee7 | rgb(43, 238, 231) | hsl(178, 85%, 55%) | |
80% | #30e8e2 | rgb(48, 232, 226) | hsl(178, 80%, 55%) | |
75% | #36e2dd | rgb(54, 226, 221) | hsl(178, 75%, 55%) | |
70% | #3cddd7 | rgb(60, 221, 215) | hsl(178, 70%, 55%) | |
65% | #42d7d2 | rgb(66, 215, 210) | hsl(178, 65%, 55%) | |
60% | #48d1cc | rgb(72, 209, 204) | hsl(178, 60%, 55%) | |
55% | #4dcbc7 | rgb(77, 203, 199) | hsl(178, 55%, 55%) | |
50% | #53c6c2 | rgb(83, 198, 194) | hsl(178, 50%, 55%) | |
45% | #59c0bc | rgb(89, 192, 188) | hsl(178, 45%, 55%) | |
40% | #5ebab7 | rgb(94, 186, 183) | hsl(178, 40%, 55%) | |
35% | #64b4b2 | rgb(100, 180, 178) | hsl(178, 35%, 55%) | |
30% | #6aafac | rgb(106, 175, 172) | hsl(178, 30%, 55%) | |
25% | #70a9a7 | rgb(112, 169, 167) | hsl(178, 25%, 55%) | |
20% | #75a3a2 | rgb(117, 163, 162) | hsl(178, 20%, 55%) | |
15% | #7b9d9c | rgb(123, 157, 156) | hsl(178, 15%, 55%) | |
10% | #819897 | rgb(129, 152, 151) | hsl(178, 10%, 55%) | |
5% | #879292 | rgb(135, 146, 146) | hsl(178, 5%, 55%) | |
0% | #8c8c8c | rgb(140, 140, 140) | hsl(178, 0%, 55%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(178, 60%, 100%) | |
95% | #ebfaf9 | rgb(235, 250, 249) | hsl(178, 60%, 95%) | |
90% | #d6f5f4 | rgb(214, 245, 244) | hsl(178, 60%, 90%) | |
85% | #c2f0ee | rgb(194, 240, 238) | hsl(178, 60%, 85%) | |
80% | #adebe9 | rgb(173, 235, 233) | hsl(178, 60%, 80%) | |
75% | #99e6e3 | rgb(153, 230, 227) | hsl(178, 60%, 75%) | |
70% | #85e0dd | rgb(133, 224, 221) | hsl(178, 60%, 70%) | |
65% | #70dbd8 | rgb(112, 219, 216) | hsl(178, 60%, 65%) | |
60% | #5cd6d2 | rgb(92, 214, 210) | hsl(178, 60%, 60%) | |
55% | #48d1cc | rgb(72, 209, 204) | hsl(178, 60%, 55%) | |
50% | #33ccc7 | rgb(51, 204, 199) | hsl(178, 60%, 50%) | |
45% | #2eb8b3 | rgb(46, 184, 179) | hsl(178, 60%, 45%) | |
40% | #29a39f | rgb(41, 163, 159) | hsl(178, 60%, 40%) | |
35% | #248f8b | rgb(36, 143, 139) | hsl(178, 60%, 35%) | |
30% | #1f7a77 | rgb(31, 122, 119) | hsl(178, 60%, 30%) | |
25% | #196663 | rgb(25, 102, 99) | hsl(178, 60%, 25%) | |
20% | #145250 | rgb(20, 82, 80) | hsl(178, 60%, 20%) | |
15% | #0f3d3c | rgb(15, 61, 60) | hsl(178, 60%, 15%) | |
10% | #0a2928 | rgb(10, 41, 40) | hsl(178, 60%, 10%) | |
5% | #051414 | rgb(5, 20, 20) | hsl(178, 60%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(178, 60%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
72 | 209 | 204 |
rgb(72, 209, 204)
#48d1cc
#48d1cc