HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#b93a32
rgb(185, 58, 50)
hsl(4, 57%, 46%)
Lighter / Darker:
100% | #ffffff | |
95% | #faeceb | |
90% | #f4d9d7 | |
85% | #efc6c3 | |
80% | #e9b3af | |
75% | #e4a09b | |
70% | #de8d87 | |
65% | #d97a73 | |
60% | #d3675f | |
55% | #ce544b | |
50% | #c84137 | |
46% | #b93a32 | |
45% | #b43a31 | |
40% | #a0342c | |
35% | #8c2d26 | |
30% | #782721 | |
25% | #64201b | |
20% | #501a16 | |
15% | #3c1310 | |
10% | #280d0b | |
5% | #140605 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #b83232 | rgb(184, 50, 50) | hsl(0, 57%, 46%) | |
4 | #b93a32 | rgb(185, 58, 50) | hsl(4, 57%, 46%) | |
15 | #b85432 | rgb(184, 84, 50) | hsl(15, 57%, 46%) | |
30 | #b87532 | rgb(184, 117, 50) | hsl(30, 57%, 46%) | |
45 | #b89732 | rgb(184, 151, 50) | hsl(45, 57%, 46%) | |
60 | #b8b832 | rgb(184, 184, 50) | hsl(60, 57%, 46%) | |
75 | #97b832 | rgb(151, 184, 50) | hsl(75, 57%, 46%) | |
90 | #75b832 | rgb(117, 184, 50) | hsl(90, 57%, 46%) | |
105 | #54b832 | rgb(84, 184, 50) | hsl(105, 57%, 46%) | |
120 | #32b832 | rgb(50, 184, 50) | hsl(120, 57%, 46%) | |
135 | #32b854 | rgb(50, 184, 84) | hsl(135, 57%, 46%) | |
150 | #32b875 | rgb(50, 184, 117) | hsl(150, 57%, 46%) | |
165 | #32b897 | rgb(50, 184, 151) | hsl(165, 57%, 46%) | |
180 | #32b8b8 | rgb(50, 184, 184) | hsl(180, 57%, 46%) | |
195 | #3297b8 | rgb(50, 151, 184) | hsl(195, 57%, 46%) | |
210 | #3275b8 | rgb(50, 117, 184) | hsl(210, 57%, 46%) | |
225 | #3254b8 | rgb(50, 84, 184) | hsl(225, 57%, 46%) | |
240 | #3232b8 | rgb(50, 50, 184) | hsl(240, 57%, 46%) | |
255 | #5432b8 | rgb(84, 50, 184) | hsl(255, 57%, 46%) | |
270 | #7532b8 | rgb(117, 50, 184) | hsl(270, 57%, 46%) | |
285 | #9732b8 | rgb(151, 50, 184) | hsl(285, 57%, 46%) | |
300 | #b832b8 | rgb(184, 50, 184) | hsl(300, 57%, 46%) | |
315 | #b83297 | rgb(184, 50, 151) | hsl(315, 57%, 46%) | |
330 | #b83275 | rgb(184, 50, 117) | hsl(330, 57%, 46%) | |
345 | #b83254 | rgb(184, 50, 84) | hsl(345, 57%, 46%) | |
360 | #b83232 | rgb(184, 50, 50) | hsl(0, 57%, 46%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #eb1000 | rgb(235, 16, 0) | hsl(4, 100%, 46%) | |
95% | #e51506 | rgb(229, 21, 6) | hsl(4, 95%, 46%) | |
90% | #df1a0c | rgb(223, 26, 12) | hsl(4, 90%, 46%) | |
85% | #d91f12 | rgb(217, 31, 18) | hsl(4, 85%, 46%) | |
80% | #d32417 | rgb(211, 36, 23) | hsl(4, 80%, 46%) | |
75% | #cd291d | rgb(205, 41, 29) | hsl(4, 75%, 46%) | |
70% | #c72e23 | rgb(199, 46, 35) | hsl(4, 70%, 46%) | |
65% | #c23329 | rgb(194, 51, 41) | hsl(4, 65%, 46%) | |
60% | #bc382f | rgb(188, 56, 47) | hsl(4, 60%, 46%) | |
57% | #b93a32 | rgb(185, 58, 50) | hsl(4, 57%, 46%) | |
55% | #b63d35 | rgb(182, 61, 53) | hsl(4, 55%, 46%) | |
50% | #b0423b | rgb(176, 66, 59) | hsl(4, 50%, 46%) | |
45% | #aa4841 | rgb(170, 72, 65) | hsl(4, 45%, 46%) | |
40% | #a44d46 | rgb(164, 77, 70) | hsl(4, 40%, 46%) | |
35% | #9e524c | rgb(158, 82, 76) | hsl(4, 35%, 46%) | |
30% | #985752 | rgb(152, 87, 82) | hsl(4, 30%, 46%) | |
25% | #935c58 | rgb(147, 92, 88) | hsl(4, 25%, 46%) | |
20% | #8d615e | rgb(141, 97, 94) | hsl(4, 20%, 46%) | |
15% | #876664 | rgb(135, 102, 100) | hsl(4, 15%, 46%) | |
10% | #816b6a | rgb(129, 107, 106) | hsl(4, 10%, 46%) | |
5% | #7b706f | rgb(123, 112, 111) | hsl(4, 5%, 46%) | |
0% | #757575 | rgb(117, 117, 117) | hsl(4, 0%, 46%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(4, 57%, 100%) | |
95% | #faeceb | rgb(250, 236, 235) | hsl(4, 57%, 95%) | |
90% | #f4d9d7 | rgb(244, 217, 215) | hsl(4, 57%, 90%) | |
85% | #efc6c3 | rgb(239, 198, 195) | hsl(4, 57%, 85%) | |
80% | #e9b3af | rgb(233, 179, 175) | hsl(4, 57%, 80%) | |
75% | #e4a09b | rgb(228, 160, 155) | hsl(4, 57%, 75%) | |
70% | #de8d87 | rgb(222, 141, 135) | hsl(4, 57%, 70%) | |
65% | #d97a73 | rgb(217, 122, 115) | hsl(4, 57%, 65%) | |
60% | #d3675f | rgb(211, 103, 95) | hsl(4, 57%, 60%) | |
55% | #ce544b | rgb(206, 84, 75) | hsl(4, 57%, 55%) | |
50% | #c84137 | rgb(200, 65, 55) | hsl(4, 57%, 50%) | |
46% | #b93a32 | rgb(185, 58, 50) | hsl(4, 57%, 46%) | |
45% | #b43a31 | rgb(180, 58, 49) | hsl(4, 57%, 45%) | |
40% | #a0342c | rgb(160, 52, 44) | hsl(4, 57%, 40%) | |
35% | #8c2d26 | rgb(140, 45, 38) | hsl(4, 57%, 35%) | |
30% | #782721 | rgb(120, 39, 33) | hsl(4, 57%, 30%) | |
25% | #64201b | rgb(100, 32, 27) | hsl(4, 57%, 25%) | |
20% | #501a16 | rgb(80, 26, 22) | hsl(4, 57%, 20%) | |
15% | #3c1310 | rgb(60, 19, 16) | hsl(4, 57%, 15%) | |
10% | #280d0b | rgb(40, 13, 11) | hsl(4, 57%, 10%) | |
5% | #140605 | rgb(20, 6, 5) | hsl(4, 57%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(4, 57%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
185 | 58 | 50 |
rgb(185, 58, 50)
#b93a32
#b93a32