HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#dc4c46
rgb(220, 76, 70)
hsl(2, 68%, 57%)
Lighter / Darker:
100% | #ffffff | |
95% | #fbeaea | |
90% | #f7d5d4 | |
85% | #f3c0bf | |
80% | #efaca9 | |
75% | #eb9794 | |
70% | #e7827e | |
65% | #e26d69 | |
60% | #de5854 | |
57% | #dc4c46 | |
55% | #da433e | |
50% | #d62f29 | |
45% | #c12a25 | |
40% | #ab2521 | |
35% | #96211d | |
30% | #811c18 | |
25% | #6b1714 | |
20% | #561310 | |
15% | #400e0c | |
10% | #2b0908 | |
5% | #150504 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #dc4747 | rgb(220, 71, 71) | hsl(0, 68%, 57%) | |
2 | #dc4c46 | rgb(220, 76, 70) | hsl(2, 68%, 57%) | |
15 | #dc6c47 | rgb(220, 108, 71) | hsl(15, 68%, 57%) | |
30 | #dc9147 | rgb(220, 145, 71) | hsl(30, 68%, 57%) | |
45 | #dcb747 | rgb(220, 183, 71) | hsl(45, 68%, 57%) | |
60 | #dcdc47 | rgb(220, 220, 71) | hsl(60, 68%, 57%) | |
75 | #b7dc47 | rgb(183, 220, 71) | hsl(75, 68%, 57%) | |
90 | #91dc47 | rgb(145, 220, 71) | hsl(90, 68%, 57%) | |
105 | #6cdc47 | rgb(108, 220, 71) | hsl(105, 68%, 57%) | |
120 | #47dc47 | rgb(71, 220, 71) | hsl(120, 68%, 57%) | |
135 | #47dc6c | rgb(71, 220, 108) | hsl(135, 68%, 57%) | |
150 | #47dc91 | rgb(71, 220, 145) | hsl(150, 68%, 57%) | |
165 | #47dcb7 | rgb(71, 220, 183) | hsl(165, 68%, 57%) | |
180 | #47dcdc | rgb(71, 220, 220) | hsl(180, 68%, 57%) | |
195 | #47b7dc | rgb(71, 183, 220) | hsl(195, 68%, 57%) | |
210 | #4791dc | rgb(71, 145, 220) | hsl(210, 68%, 57%) | |
225 | #476cdc | rgb(71, 108, 220) | hsl(225, 68%, 57%) | |
240 | #4747dc | rgb(71, 71, 220) | hsl(240, 68%, 57%) | |
255 | #6c47dc | rgb(108, 71, 220) | hsl(255, 68%, 57%) | |
270 | #9147dc | rgb(145, 71, 220) | hsl(270, 68%, 57%) | |
285 | #b747dc | rgb(183, 71, 220) | hsl(285, 68%, 57%) | |
300 | #dc47dc | rgb(220, 71, 220) | hsl(300, 68%, 57%) | |
315 | #dc47b7 | rgb(220, 71, 183) | hsl(315, 68%, 57%) | |
330 | #dc4791 | rgb(220, 71, 145) | hsl(330, 68%, 57%) | |
345 | #dc476c | rgb(220, 71, 108) | hsl(345, 68%, 57%) | |
360 | #dc4747 | rgb(220, 71, 71) | hsl(0, 68%, 57%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff2b24 | rgb(255, 43, 36) | hsl(2, 100%, 57%) | |
95% | #fa3029 | rgb(250, 48, 41) | hsl(2, 95%, 57%) | |
90% | #f4352f | rgb(244, 53, 47) | hsl(2, 90%, 57%) | |
85% | #ef3a34 | rgb(239, 58, 52) | hsl(2, 85%, 57%) | |
80% | #e93f3a | rgb(233, 63, 58) | hsl(2, 80%, 57%) | |
75% | #e4453f | rgb(228, 69, 63) | hsl(2, 75%, 57%) | |
70% | #de4a45 | rgb(222, 74, 69) | hsl(2, 70%, 57%) | |
68% | #dc4c46 | rgb(220, 76, 70) | hsl(2, 68%, 57%) | |
65% | #d94f4a | rgb(217, 79, 74) | hsl(2, 65%, 57%) | |
60% | #d35450 | rgb(211, 84, 80) | hsl(2, 60%, 57%) | |
55% | #ce5955 | rgb(206, 89, 85) | hsl(2, 55%, 57%) | |
50% | #c85e5b | rgb(200, 94, 91) | hsl(2, 50%, 57%) | |
45% | #c36360 | rgb(195, 99, 96) | hsl(2, 45%, 57%) | |
40% | #bd6865 | rgb(189, 104, 101) | hsl(2, 40%, 57%) | |
35% | #b86e6b | rgb(184, 110, 107) | hsl(2, 35%, 57%) | |
30% | #b27370 | rgb(178, 115, 112) | hsl(2, 30%, 57%) | |
25% | #ad7876 | rgb(173, 120, 118) | hsl(2, 25%, 57%) | |
20% | #a77d7b | rgb(167, 125, 123) | hsl(2, 20%, 57%) | |
15% | #a28281 | rgb(162, 130, 129) | hsl(2, 15%, 57%) | |
10% | #9c8786 | rgb(156, 135, 134) | hsl(2, 10%, 57%) | |
5% | #978c8c | rgb(151, 140, 140) | hsl(2, 5%, 57%) | |
0% | #919191 | rgb(145, 145, 145) | hsl(2, 0%, 57%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(2, 68%, 100%) | |
95% | #fbeaea | rgb(251, 234, 234) | hsl(2, 68%, 95%) | |
90% | #f7d5d4 | rgb(247, 213, 212) | hsl(2, 68%, 90%) | |
85% | #f3c0bf | rgb(243, 192, 191) | hsl(2, 68%, 85%) | |
80% | #efaca9 | rgb(239, 172, 169) | hsl(2, 68%, 80%) | |
75% | #eb9794 | rgb(235, 151, 148) | hsl(2, 68%, 75%) | |
70% | #e7827e | rgb(231, 130, 126) | hsl(2, 68%, 70%) | |
65% | #e26d69 | rgb(226, 109, 105) | hsl(2, 68%, 65%) | |
60% | #de5854 | rgb(222, 88, 84) | hsl(2, 68%, 60%) | |
57% | #dc4c46 | rgb(220, 76, 70) | hsl(2, 68%, 57%) | |
55% | #da433e | rgb(218, 67, 62) | hsl(2, 68%, 55%) | |
50% | #d62f29 | rgb(214, 47, 41) | hsl(2, 68%, 50%) | |
45% | #c12a25 | rgb(193, 42, 37) | hsl(2, 68%, 45%) | |
40% | #ab2521 | rgb(171, 37, 33) | hsl(2, 68%, 40%) | |
35% | #96211d | rgb(150, 33, 29) | hsl(2, 68%, 35%) | |
30% | #811c18 | rgb(129, 28, 24) | hsl(2, 68%, 30%) | |
25% | #6b1714 | rgb(107, 23, 20) | hsl(2, 68%, 25%) | |
20% | #561310 | rgb(86, 19, 16) | hsl(2, 68%, 20%) | |
15% | #400e0c | rgb(64, 14, 12) | hsl(2, 68%, 15%) | |
10% | #2b0908 | rgb(43, 9, 8) | hsl(2, 68%, 10%) | |
5% | #150504 | rgb(21, 5, 4) | hsl(2, 68%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(2, 68%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
220 | 76 | 70 |
rgb(220, 76, 70)
#dc4c46
#dc4c46