HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#cd212a
rgb(205, 33, 42)
hsl(357, 72%, 47%)
Lighter / Darker:
100% | #ffffff | |
95% | #fbe9ea | |
90% | #f8d3d5 | |
85% | #f4bdc0 | |
80% | #f1a7ab | |
75% | #ed9196 | |
70% | #ea7b81 | |
65% | #e6656c | |
60% | #e25057 | |
55% | #df3a42 | |
50% | #db242d | |
47% | #cd212a | |
45% | #c52028 | |
40% | #af1d24 | |
35% | #9a191f | |
30% | #84151b | |
25% | #6e1216 | |
20% | #580e12 | |
15% | #420b0d | |
10% | #2c0709 | |
5% | #160404 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ce2222 | rgb(206, 34, 34) | hsl(0, 72%, 47%) | |
15 | #ce4d22 | rgb(206, 77, 34) | hsl(15, 72%, 47%) | |
30 | #ce7822 | rgb(206, 120, 34) | hsl(30, 72%, 47%) | |
45 | #cea322 | rgb(206, 163, 34) | hsl(45, 72%, 47%) | |
60 | #cece22 | rgb(206, 206, 34) | hsl(60, 72%, 47%) | |
75 | #a3ce22 | rgb(163, 206, 34) | hsl(75, 72%, 47%) | |
90 | #78ce22 | rgb(120, 206, 34) | hsl(90, 72%, 47%) | |
105 | #4dce22 | rgb(77, 206, 34) | hsl(105, 72%, 47%) | |
120 | #22ce22 | rgb(34, 206, 34) | hsl(120, 72%, 47%) | |
135 | #22ce4d | rgb(34, 206, 77) | hsl(135, 72%, 47%) | |
150 | #22ce78 | rgb(34, 206, 120) | hsl(150, 72%, 47%) | |
165 | #22cea3 | rgb(34, 206, 163) | hsl(165, 72%, 47%) | |
180 | #22cece | rgb(34, 206, 206) | hsl(180, 72%, 47%) | |
195 | #22a3ce | rgb(34, 163, 206) | hsl(195, 72%, 47%) | |
210 | #2278ce | rgb(34, 120, 206) | hsl(210, 72%, 47%) | |
225 | #224dce | rgb(34, 77, 206) | hsl(225, 72%, 47%) | |
240 | #2222ce | rgb(34, 34, 206) | hsl(240, 72%, 47%) | |
255 | #4d22ce | rgb(77, 34, 206) | hsl(255, 72%, 47%) | |
270 | #7822ce | rgb(120, 34, 206) | hsl(270, 72%, 47%) | |
285 | #a322ce | rgb(163, 34, 206) | hsl(285, 72%, 47%) | |
300 | #ce22ce | rgb(206, 34, 206) | hsl(300, 72%, 47%) | |
315 | #ce22a3 | rgb(206, 34, 163) | hsl(315, 72%, 47%) | |
330 | #ce2278 | rgb(206, 34, 120) | hsl(330, 72%, 47%) | |
345 | #ce224d | rgb(206, 34, 77) | hsl(345, 72%, 47%) | |
357 | #cd212a | rgb(205, 33, 42) | hsl(357, 72%, 47%) | |
360 | #ce2222 | rgb(206, 34, 34) | hsl(0, 72%, 47%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #f0000c | rgb(240, 0, 12) | hsl(357, 100%, 47%) | |
95% | #ea0611 | rgb(234, 6, 17) | hsl(357, 95%, 47%) | |
90% | #e40c17 | rgb(228, 12, 23) | hsl(357, 90%, 47%) | |
85% | #de121c | rgb(222, 18, 28) | hsl(357, 85%, 47%) | |
80% | #d81822 | rgb(216, 24, 34) | hsl(357, 80%, 47%) | |
75% | #d21e27 | rgb(210, 30, 39) | hsl(357, 75%, 47%) | |
72% | #cd212a | rgb(205, 33, 42) | hsl(357, 72%, 47%) | |
70% | #cc242c | rgb(204, 36, 44) | hsl(357, 70%, 47%) | |
65% | #c62a32 | rgb(198, 42, 50) | hsl(357, 65%, 47%) | |
60% | #c03037 | rgb(192, 48, 55) | hsl(357, 60%, 47%) | |
55% | #ba363d | rgb(186, 54, 61) | hsl(357, 55%, 47%) | |
50% | #b43c42 | rgb(180, 60, 66) | hsl(357, 50%, 47%) | |
45% | #ae4247 | rgb(174, 66, 71) | hsl(357, 45%, 47%) | |
40% | #a8484d | rgb(168, 72, 77) | hsl(357, 40%, 47%) | |
35% | #a24e52 | rgb(162, 78, 82) | hsl(357, 35%, 47%) | |
30% | #9c5457 | rgb(156, 84, 87) | hsl(357, 30%, 47%) | |
25% | #965a5d | rgb(150, 90, 93) | hsl(357, 25%, 47%) | |
20% | #906062 | rgb(144, 96, 98) | hsl(357, 20%, 47%) | |
15% | #8a6668 | rgb(138, 102, 104) | hsl(357, 15%, 47%) | |
10% | #846c6d | rgb(132, 108, 109) | hsl(357, 10%, 47%) | |
5% | #7e7272 | rgb(126, 114, 114) | hsl(357, 5%, 47%) | |
0% | #787878 | rgb(120, 120, 120) | hsl(357, 0%, 47%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(357, 72%, 100%) | |
95% | #fbe9ea | rgb(251, 233, 234) | hsl(357, 72%, 95%) | |
90% | #f8d3d5 | rgb(248, 211, 213) | hsl(357, 72%, 90%) | |
85% | #f4bdc0 | rgb(244, 189, 192) | hsl(357, 72%, 85%) | |
80% | #f1a7ab | rgb(241, 167, 171) | hsl(357, 72%, 80%) | |
75% | #ed9196 | rgb(237, 145, 150) | hsl(357, 72%, 75%) | |
70% | #ea7b81 | rgb(234, 123, 129) | hsl(357, 72%, 70%) | |
65% | #e6656c | rgb(230, 101, 108) | hsl(357, 72%, 65%) | |
60% | #e25057 | rgb(226, 80, 87) | hsl(357, 72%, 60%) | |
55% | #df3a42 | rgb(223, 58, 66) | hsl(357, 72%, 55%) | |
50% | #db242d | rgb(219, 36, 45) | hsl(357, 72%, 50%) | |
47% | #cd212a | rgb(205, 33, 42) | hsl(357, 72%, 47%) | |
45% | #c52028 | rgb(197, 32, 40) | hsl(357, 72%, 45%) | |
40% | #af1d24 | rgb(175, 29, 36) | hsl(357, 72%, 40%) | |
35% | #9a191f | rgb(154, 25, 31) | hsl(357, 72%, 35%) | |
30% | #84151b | rgb(132, 21, 27) | hsl(357, 72%, 30%) | |
25% | #6e1216 | rgb(110, 18, 22) | hsl(357, 72%, 25%) | |
20% | #580e12 | rgb(88, 14, 18) | hsl(357, 72%, 20%) | |
15% | #420b0d | rgb(66, 11, 13) | hsl(357, 72%, 15%) | |
10% | #2c0709 | rgb(44, 7, 9) | hsl(357, 72%, 10%) | |
5% | #160404 | rgb(22, 4, 4) | hsl(357, 72%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(357, 72%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
205 | 33 | 42 |
rgb(205, 33, 42)
#cd212a
#cd212a