HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#7fcdcd
rgb(127, 205, 205)
hsl(180, 44%, 65%)
Lighter / Darker:
100% | #ffffff | |
95% | #edf8f8 | |
90% | #daf1f1 | |
85% | #c8eaea | |
80% | #b6e2e2 | |
75% | #a3dbdb | |
70% | #91d4d4 | |
65% | #7fcdcd | |
60% | #6cc6c6 | |
55% | #5abfbf | |
50% | #47b8b8 | |
45% | #40a5a5 | |
40% | #399393 | |
35% | #328181 | |
30% | #2b6e6e | |
25% | #245c5c | |
20% | #1d4949 | |
15% | #153737 | |
10% | #0e2525 | |
5% | #071212 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #cd7e7e | rgb(205, 126, 126) | hsl(0, 44%, 65%) | |
15 | #cd927e | rgb(205, 146, 126) | hsl(15, 44%, 65%) | |
30 | #cda67e | rgb(205, 166, 126) | hsl(30, 44%, 65%) | |
45 | #cdb97e | rgb(205, 185, 126) | hsl(45, 44%, 65%) | |
60 | #cdcd7e | rgb(205, 205, 126) | hsl(60, 44%, 65%) | |
75 | #b9cd7e | rgb(185, 205, 126) | hsl(75, 44%, 65%) | |
90 | #a6cd7e | rgb(166, 205, 126) | hsl(90, 44%, 65%) | |
105 | #92cd7e | rgb(146, 205, 126) | hsl(105, 44%, 65%) | |
120 | #7ecd7e | rgb(126, 205, 126) | hsl(120, 44%, 65%) | |
135 | #7ecd92 | rgb(126, 205, 146) | hsl(135, 44%, 65%) | |
150 | #7ecda6 | rgb(126, 205, 166) | hsl(150, 44%, 65%) | |
165 | #7ecdb9 | rgb(126, 205, 185) | hsl(165, 44%, 65%) | |
180 | #7fcdcd | rgb(127, 205, 205) | hsl(180, 44%, 65%) | |
195 | #7eb9cd | rgb(126, 185, 205) | hsl(195, 44%, 65%) | |
210 | #7ea6cd | rgb(126, 166, 205) | hsl(210, 44%, 65%) | |
225 | #7e92cd | rgb(126, 146, 205) | hsl(225, 44%, 65%) | |
240 | #7e7ecd | rgb(126, 126, 205) | hsl(240, 44%, 65%) | |
255 | #927ecd | rgb(146, 126, 205) | hsl(255, 44%, 65%) | |
270 | #a67ecd | rgb(166, 126, 205) | hsl(270, 44%, 65%) | |
285 | #b97ecd | rgb(185, 126, 205) | hsl(285, 44%, 65%) | |
300 | #cd7ecd | rgb(205, 126, 205) | hsl(300, 44%, 65%) | |
315 | #cd7eb9 | rgb(205, 126, 185) | hsl(315, 44%, 65%) | |
330 | #cd7ea6 | rgb(205, 126, 166) | hsl(330, 44%, 65%) | |
345 | #cd7e92 | rgb(205, 126, 146) | hsl(345, 44%, 65%) | |
360 | #cd7e7e | rgb(205, 126, 126) | hsl(0, 44%, 65%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #4dffff | rgb(77, 255, 255) | hsl(180, 100%, 65%) | |
95% | #51fbfb | rgb(81, 251, 251) | hsl(180, 95%, 65%) | |
90% | #55f6f6 | rgb(85, 246, 246) | hsl(180, 90%, 65%) | |
85% | #5af2f2 | rgb(90, 242, 242) | hsl(180, 85%, 65%) | |
80% | #5eeded | rgb(94, 237, 237) | hsl(180, 80%, 65%) | |
75% | #63e9e9 | rgb(99, 233, 233) | hsl(180, 75%, 65%) | |
70% | #67e4e4 | rgb(103, 228, 228) | hsl(180, 70%, 65%) | |
65% | #6ce0e0 | rgb(108, 224, 224) | hsl(180, 65%, 65%) | |
60% | #70dbdb | rgb(112, 219, 219) | hsl(180, 60%, 65%) | |
55% | #75d7d7 | rgb(117, 215, 215) | hsl(180, 55%, 65%) | |
50% | #79d2d2 | rgb(121, 210, 210) | hsl(180, 50%, 65%) | |
45% | #7ecece | rgb(126, 206, 206) | hsl(180, 45%, 65%) | |
44% | #7fcdcd | rgb(127, 205, 205) | hsl(180, 44%, 65%) | |
40% | #82c9c9 | rgb(130, 201, 201) | hsl(180, 40%, 65%) | |
35% | #87c5c5 | rgb(135, 197, 197) | hsl(180, 35%, 65%) | |
30% | #8bc1c1 | rgb(139, 193, 193) | hsl(180, 30%, 65%) | |
25% | #8fbcbc | rgb(143, 188, 188) | hsl(180, 25%, 65%) | |
20% | #94b8b8 | rgb(148, 184, 184) | hsl(180, 20%, 65%) | |
15% | #98b3b3 | rgb(152, 179, 179) | hsl(180, 15%, 65%) | |
10% | #9dafaf | rgb(157, 175, 175) | hsl(180, 10%, 65%) | |
5% | #a1aaaa | rgb(161, 170, 170) | hsl(180, 5%, 65%) | |
0% | #a6a6a6 | rgb(166, 166, 166) | hsl(180, 0%, 65%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(180, 44%, 100%) | |
95% | #edf8f8 | rgb(237, 248, 248) | hsl(180, 44%, 95%) | |
90% | #daf1f1 | rgb(218, 241, 241) | hsl(180, 44%, 90%) | |
85% | #c8eaea | rgb(200, 234, 234) | hsl(180, 44%, 85%) | |
80% | #b6e2e2 | rgb(182, 226, 226) | hsl(180, 44%, 80%) | |
75% | #a3dbdb | rgb(163, 219, 219) | hsl(180, 44%, 75%) | |
70% | #91d4d4 | rgb(145, 212, 212) | hsl(180, 44%, 70%) | |
65% | #7fcdcd | rgb(127, 205, 205) | hsl(180, 44%, 65%) | |
60% | #6cc6c6 | rgb(108, 198, 198) | hsl(180, 44%, 60%) | |
55% | #5abfbf | rgb(90, 191, 191) | hsl(180, 44%, 55%) | |
50% | #47b8b8 | rgb(71, 184, 184) | hsl(180, 44%, 50%) | |
45% | #40a5a5 | rgb(64, 165, 165) | hsl(180, 44%, 45%) | |
40% | #399393 | rgb(57, 147, 147) | hsl(180, 44%, 40%) | |
35% | #328181 | rgb(50, 129, 129) | hsl(180, 44%, 35%) | |
30% | #2b6e6e | rgb(43, 110, 110) | hsl(180, 44%, 30%) | |
25% | #245c5c | rgb(36, 92, 92) | hsl(180, 44%, 25%) | |
20% | #1d4949 | rgb(29, 73, 73) | hsl(180, 44%, 20%) | |
15% | #153737 | rgb(21, 55, 55) | hsl(180, 44%, 15%) | |
10% | #0e2525 | rgb(14, 37, 37) | hsl(180, 44%, 10%) | |
5% | #071212 | rgb(7, 18, 18) | hsl(180, 44%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(180, 44%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
127 | 205 | 205 |
rgb(127, 205, 205)
#7fcdcd
#7fcdcd