HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#bc243c
rgb(188, 36, 60)
hsl(351, 68%, 44%)
Lighter / Darker:
100% | #ffffff | |
95% | #fbeaec | |
90% | #f7d4d9 | |
85% | #f3bfc7 | |
80% | #efa9b4 | |
75% | #eb94a1 | |
70% | #e77e8e | |
65% | #e2697b | |
60% | #de5468 | |
55% | #da3e56 | |
50% | #d62943 | |
45% | #c1253c | |
44% | #bc243c | |
40% | #ab2135 | |
35% | #961d2f | |
30% | #811828 | |
25% | #6b1421 | |
20% | #56101b | |
15% | #400c14 | |
10% | #2b080d | |
5% | #150407 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #bc2424 | rgb(188, 36, 36) | hsl(0, 68%, 44%) | |
15 | #bc4a24 | rgb(188, 74, 36) | hsl(15, 68%, 44%) | |
30 | #bc7024 | rgb(188, 112, 36) | hsl(30, 68%, 44%) | |
45 | #bc9624 | rgb(188, 150, 36) | hsl(45, 68%, 44%) | |
60 | #bcbc24 | rgb(188, 188, 36) | hsl(60, 68%, 44%) | |
75 | #96bc24 | rgb(150, 188, 36) | hsl(75, 68%, 44%) | |
90 | #70bc24 | rgb(112, 188, 36) | hsl(90, 68%, 44%) | |
105 | #4abc24 | rgb(74, 188, 36) | hsl(105, 68%, 44%) | |
120 | #24bc24 | rgb(36, 188, 36) | hsl(120, 68%, 44%) | |
135 | #24bc4a | rgb(36, 188, 74) | hsl(135, 68%, 44%) | |
150 | #24bc70 | rgb(36, 188, 112) | hsl(150, 68%, 44%) | |
165 | #24bc96 | rgb(36, 188, 150) | hsl(165, 68%, 44%) | |
180 | #24bcbc | rgb(36, 188, 188) | hsl(180, 68%, 44%) | |
195 | #2496bc | rgb(36, 150, 188) | hsl(195, 68%, 44%) | |
210 | #2470bc | rgb(36, 112, 188) | hsl(210, 68%, 44%) | |
225 | #244abc | rgb(36, 74, 188) | hsl(225, 68%, 44%) | |
240 | #2424bc | rgb(36, 36, 188) | hsl(240, 68%, 44%) | |
255 | #4a24bc | rgb(74, 36, 188) | hsl(255, 68%, 44%) | |
270 | #7024bc | rgb(112, 36, 188) | hsl(270, 68%, 44%) | |
285 | #9624bc | rgb(150, 36, 188) | hsl(285, 68%, 44%) | |
300 | #bc24bc | rgb(188, 36, 188) | hsl(300, 68%, 44%) | |
315 | #bc2496 | rgb(188, 36, 150) | hsl(315, 68%, 44%) | |
330 | #bc2470 | rgb(188, 36, 112) | hsl(330, 68%, 44%) | |
345 | #bc244a | rgb(188, 36, 74) | hsl(345, 68%, 44%) | |
351 | #bc243c | rgb(188, 36, 60) | hsl(351, 68%, 44%) | |
360 | #bc2424 | rgb(188, 36, 36) | hsl(0, 68%, 44%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #e00022 | rgb(224, 0, 34) | hsl(351, 100%, 44%) | |
95% | #db0626 | rgb(219, 6, 38) | hsl(351, 95%, 44%) | |
90% | #d50b2a | rgb(213, 11, 42) | hsl(351, 90%, 44%) | |
85% | #d0112d | rgb(208, 17, 45) | hsl(351, 85%, 44%) | |
80% | #ca1631 | rgb(202, 22, 49) | hsl(351, 80%, 44%) | |
75% | #c41c35 | rgb(196, 28, 53) | hsl(351, 75%, 44%) | |
70% | #bf2239 | rgb(191, 34, 57) | hsl(351, 70%, 44%) | |
68% | #bc243c | rgb(188, 36, 60) | hsl(351, 68%, 44%) | |
65% | #b9273d | rgb(185, 39, 61) | hsl(351, 65%, 44%) | |
60% | #b42d41 | rgb(180, 45, 65) | hsl(351, 60%, 44%) | |
55% | #ae3245 | rgb(174, 50, 69) | hsl(351, 55%, 44%) | |
50% | #a83849 | rgb(168, 56, 73) | hsl(351, 50%, 44%) | |
45% | #a33e4d | rgb(163, 62, 77) | hsl(351, 45%, 44%) | |
40% | #9d4351 | rgb(157, 67, 81) | hsl(351, 40%, 44%) | |
35% | #974955 | rgb(151, 73, 85) | hsl(351, 35%, 44%) | |
30% | #924f59 | rgb(146, 79, 89) | hsl(351, 30%, 44%) | |
25% | #8c545d | rgb(140, 84, 93) | hsl(351, 25%, 44%) | |
20% | #875a60 | rgb(135, 90, 96) | hsl(351, 20%, 44%) | |
15% | #815f64 | rgb(129, 95, 100) | hsl(351, 15%, 44%) | |
10% | #7b6568 | rgb(123, 101, 104) | hsl(351, 10%, 44%) | |
5% | #766b6c | rgb(118, 107, 108) | hsl(351, 5%, 44%) | |
0% | #707070 | rgb(112, 112, 112) | hsl(351, 0%, 44%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(351, 68%, 100%) | |
95% | #fbeaec | rgb(251, 234, 236) | hsl(351, 68%, 95%) | |
90% | #f7d4d9 | rgb(247, 212, 217) | hsl(351, 68%, 90%) | |
85% | #f3bfc7 | rgb(243, 191, 199) | hsl(351, 68%, 85%) | |
80% | #efa9b4 | rgb(239, 169, 180) | hsl(351, 68%, 80%) | |
75% | #eb94a1 | rgb(235, 148, 161) | hsl(351, 68%, 75%) | |
70% | #e77e8e | rgb(231, 126, 142) | hsl(351, 68%, 70%) | |
65% | #e2697b | rgb(226, 105, 123) | hsl(351, 68%, 65%) | |
60% | #de5468 | rgb(222, 84, 104) | hsl(351, 68%, 60%) | |
55% | #da3e56 | rgb(218, 62, 86) | hsl(351, 68%, 55%) | |
50% | #d62943 | rgb(214, 41, 67) | hsl(351, 68%, 50%) | |
45% | #c1253c | rgb(193, 37, 60) | hsl(351, 68%, 45%) | |
44% | #bc243c | rgb(188, 36, 60) | hsl(351, 68%, 44%) | |
40% | #ab2135 | rgb(171, 33, 53) | hsl(351, 68%, 40%) | |
35% | #961d2f | rgb(150, 29, 47) | hsl(351, 68%, 35%) | |
30% | #811828 | rgb(129, 24, 40) | hsl(351, 68%, 30%) | |
25% | #6b1421 | rgb(107, 20, 33) | hsl(351, 68%, 25%) | |
20% | #56101b | rgb(86, 16, 27) | hsl(351, 68%, 20%) | |
15% | #400c14 | rgb(64, 12, 20) | hsl(351, 68%, 15%) | |
10% | #2b080d | rgb(43, 8, 13) | hsl(351, 68%, 10%) | |
5% | #150407 | rgb(21, 4, 7) | hsl(351, 68%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(351, 68%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
188 | 36 | 60 |
rgb(188, 36, 60)
#bc243c
#bc243c