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
MediumAquaMarine
#66cdaa
rgb(102, 205, 170)
hsl(160, 51%, 60%)
Lighter / Darker:
100% | #ffffff | |
95% | #ecf9f4 | |
90% | #d8f3ea | |
85% | #c5ecdf | |
80% | #b2e6d5 | |
75% | #9fe0ca | |
70% | #8bdac0 | |
65% | #78d3b5 | |
60% | #66cdaa | |
55% | #52c7a0 | |
50% | #3ec195 | |
45% | #38ad86 | |
40% | #329a77 | |
35% | #2c8768 | |
30% | #25745a | |
25% | #1f604b | |
20% | #194d3c | |
15% | #133a2d | |
10% | #0c271e | |
5% | #06130f | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #cd6565 | rgb(205, 101, 101) | hsl(0, 51%, 60%) | |
15 | #cd7f65 | rgb(205, 127, 101) | hsl(15, 51%, 60%) | |
30 | #cd9965 | rgb(205, 153, 101) | hsl(30, 51%, 60%) | |
45 | #cdb365 | rgb(205, 179, 101) | hsl(45, 51%, 60%) | |
60 | #cdcd65 | rgb(205, 205, 101) | hsl(60, 51%, 60%) | |
75 | #b3cd65 | rgb(179, 205, 101) | hsl(75, 51%, 60%) | |
90 | #99cd65 | rgb(153, 205, 101) | hsl(90, 51%, 60%) | |
105 | #7fcd65 | rgb(127, 205, 101) | hsl(105, 51%, 60%) | |
120 | #65cd65 | rgb(101, 205, 101) | hsl(120, 51%, 60%) | |
135 | #65cd7f | rgb(101, 205, 127) | hsl(135, 51%, 60%) | |
150 | #65cd99 | rgb(101, 205, 153) | hsl(150, 51%, 60%) | |
160 | #66cdaa | rgb(102, 205, 170) | hsl(160, 51%, 60%) | |
165 | #65cdb3 | rgb(101, 205, 179) | hsl(165, 51%, 60%) | |
180 | #65cdcd | rgb(101, 205, 205) | hsl(180, 51%, 60%) | |
195 | #65b3cd | rgb(101, 179, 205) | hsl(195, 51%, 60%) | |
210 | #6599cd | rgb(101, 153, 205) | hsl(210, 51%, 60%) | |
225 | #657fcd | rgb(101, 127, 205) | hsl(225, 51%, 60%) | |
240 | #6565cd | rgb(101, 101, 205) | hsl(240, 51%, 60%) | |
255 | #7f65cd | rgb(127, 101, 205) | hsl(255, 51%, 60%) | |
270 | #9965cd | rgb(153, 101, 205) | hsl(270, 51%, 60%) | |
285 | #b365cd | rgb(179, 101, 205) | hsl(285, 51%, 60%) | |
300 | #cd65cd | rgb(205, 101, 205) | hsl(300, 51%, 60%) | |
315 | #cd65b3 | rgb(205, 101, 179) | hsl(315, 51%, 60%) | |
330 | #cd6599 | rgb(205, 101, 153) | hsl(330, 51%, 60%) | |
345 | #cd657f | rgb(205, 101, 127) | hsl(345, 51%, 60%) | |
360 | #cd6565 | rgb(205, 101, 101) | hsl(0, 51%, 60%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #33ffbb | rgb(51, 255, 187) | hsl(160, 100%, 60%) | |
95% | #38fab9 | rgb(56, 250, 185) | hsl(160, 95%, 60%) | |
90% | #3df5b8 | rgb(61, 245, 184) | hsl(160, 90%, 60%) | |
85% | #42f0b6 | rgb(66, 240, 182) | hsl(160, 85%, 60%) | |
80% | #47ebb4 | rgb(71, 235, 180) | hsl(160, 80%, 60%) | |
75% | #4ce6b3 | rgb(76, 230, 179) | hsl(160, 75%, 60%) | |
70% | #52e0b1 | rgb(82, 224, 177) | hsl(160, 70%, 60%) | |
65% | #57dbaf | rgb(87, 219, 175) | hsl(160, 65%, 60%) | |
60% | #5cd6ad | rgb(92, 214, 173) | hsl(160, 60%, 60%) | |
55% | #61d1ac | rgb(97, 209, 172) | hsl(160, 55%, 60%) | |
51% | #66cdaa | rgb(102, 205, 170) | hsl(160, 51%, 60%) | |
50% | #66ccaa | rgb(102, 204, 170) | hsl(160, 50%, 60%) | |
45% | #6bc7a8 | rgb(107, 199, 168) | hsl(160, 45%, 60%) | |
40% | #70c2a7 | rgb(112, 194, 167) | hsl(160, 40%, 60%) | |
35% | #75bda5 | rgb(117, 189, 165) | hsl(160, 35%, 60%) | |
30% | #7ab8a3 | rgb(122, 184, 163) | hsl(160, 30%, 60%) | |
25% | #80b3a2 | rgb(128, 179, 162) | hsl(160, 25%, 60%) | |
20% | #85ada0 | rgb(133, 173, 160) | hsl(160, 20%, 60%) | |
15% | #8aa89e | rgb(138, 168, 158) | hsl(160, 15%, 60%) | |
10% | #8fa39c | rgb(143, 163, 156) | hsl(160, 10%, 60%) | |
5% | #949e9b | rgb(148, 158, 155) | hsl(160, 5%, 60%) | |
0% | #999999 | rgb(153, 153, 153) | hsl(160, 0%, 60%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(160, 51%, 100%) | |
95% | #ecf9f4 | rgb(236, 249, 244) | hsl(160, 51%, 95%) | |
90% | #d8f3ea | rgb(216, 243, 234) | hsl(160, 51%, 90%) | |
85% | #c5ecdf | rgb(197, 236, 223) | hsl(160, 51%, 85%) | |
80% | #b2e6d5 | rgb(178, 230, 213) | hsl(160, 51%, 80%) | |
75% | #9fe0ca | rgb(159, 224, 202) | hsl(160, 51%, 75%) | |
70% | #8bdac0 | rgb(139, 218, 192) | hsl(160, 51%, 70%) | |
65% | #78d3b5 | rgb(120, 211, 181) | hsl(160, 51%, 65%) | |
60% | #66cdaa | rgb(102, 205, 170) | hsl(160, 51%, 60%) | |
55% | #52c7a0 | rgb(82, 199, 160) | hsl(160, 51%, 55%) | |
50% | #3ec195 | rgb(62, 193, 149) | hsl(160, 51%, 50%) | |
45% | #38ad86 | rgb(56, 173, 134) | hsl(160, 51%, 45%) | |
40% | #329a77 | rgb(50, 154, 119) | hsl(160, 51%, 40%) | |
35% | #2c8768 | rgb(44, 135, 104) | hsl(160, 51%, 35%) | |
30% | #25745a | rgb(37, 116, 90) | hsl(160, 51%, 30%) | |
25% | #1f604b | rgb(31, 96, 75) | hsl(160, 51%, 25%) | |
20% | #194d3c | rgb(25, 77, 60) | hsl(160, 51%, 20%) | |
15% | #133a2d | rgb(19, 58, 45) | hsl(160, 51%, 15%) | |
10% | #0c271e | rgb(12, 39, 30) | hsl(160, 51%, 10%) | |
5% | #06130f | rgb(6, 19, 15) | hsl(160, 51%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(160, 51%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
102 | 205 | 170 |
rgb(102, 205, 170)
#66cdaa
#66cdaa