HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#77212e
rgb(119, 33, 46)
hsl(351, 57%, 30%)
Lighter / Darker:
100% | #ffffff | |
95% | #faebed | |
90% | #f4d7db | |
85% | #efc3c9 | |
80% | #e9afb8 | |
75% | #e49ba6 | |
70% | #de8794 | |
65% | #d97382 | |
60% | #d35f70 | |
55% | #ce4b5e | |
50% | #c8374d | |
45% | #b43145 | |
40% | #a02c3d | |
35% | #8c2636 | |
30% | #77212e | |
25% | #641b26 | |
20% | #50161f | |
15% | #3c1017 | |
10% | #280b0f | |
5% | #140508 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #782121 | rgb(120, 33, 33) | hsl(0, 57%, 30%) | |
15 | #783721 | rgb(120, 55, 33) | hsl(15, 57%, 30%) | |
30 | #784d21 | rgb(120, 77, 33) | hsl(30, 57%, 30%) | |
45 | #786221 | rgb(120, 98, 33) | hsl(45, 57%, 30%) | |
60 | #787821 | rgb(120, 120, 33) | hsl(60, 57%, 30%) | |
75 | #627821 | rgb(98, 120, 33) | hsl(75, 57%, 30%) | |
90 | #4d7821 | rgb(77, 120, 33) | hsl(90, 57%, 30%) | |
105 | #377821 | rgb(55, 120, 33) | hsl(105, 57%, 30%) | |
120 | #217821 | rgb(33, 120, 33) | hsl(120, 57%, 30%) | |
135 | #217837 | rgb(33, 120, 55) | hsl(135, 57%, 30%) | |
150 | #21784d | rgb(33, 120, 77) | hsl(150, 57%, 30%) | |
165 | #217862 | rgb(33, 120, 98) | hsl(165, 57%, 30%) | |
180 | #217878 | rgb(33, 120, 120) | hsl(180, 57%, 30%) | |
195 | #216278 | rgb(33, 98, 120) | hsl(195, 57%, 30%) | |
210 | #214d78 | rgb(33, 77, 120) | hsl(210, 57%, 30%) | |
225 | #213778 | rgb(33, 55, 120) | hsl(225, 57%, 30%) | |
240 | #212178 | rgb(33, 33, 120) | hsl(240, 57%, 30%) | |
255 | #372178 | rgb(55, 33, 120) | hsl(255, 57%, 30%) | |
270 | #4d2178 | rgb(77, 33, 120) | hsl(270, 57%, 30%) | |
285 | #622178 | rgb(98, 33, 120) | hsl(285, 57%, 30%) | |
300 | #782178 | rgb(120, 33, 120) | hsl(300, 57%, 30%) | |
315 | #782162 | rgb(120, 33, 98) | hsl(315, 57%, 30%) | |
330 | #78214d | rgb(120, 33, 77) | hsl(330, 57%, 30%) | |
345 | #782137 | rgb(120, 33, 55) | hsl(345, 57%, 30%) | |
351 | #77212e | rgb(119, 33, 46) | hsl(351, 57%, 30%) | |
360 | #782121 | rgb(120, 33, 33) | hsl(0, 57%, 30%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #990017 | rgb(153, 0, 23) | hsl(351, 100%, 30%) | |
95% | #95041a | rgb(149, 4, 26) | hsl(351, 95%, 30%) | |
90% | #91081c | rgb(145, 8, 28) | hsl(351, 90%, 30%) | |
85% | #8e0b1f | rgb(142, 11, 31) | hsl(351, 85%, 30%) | |
80% | #8a0f22 | rgb(138, 15, 34) | hsl(351, 80%, 30%) | |
75% | #861324 | rgb(134, 19, 36) | hsl(351, 75%, 30%) | |
70% | #821727 | rgb(130, 23, 39) | hsl(351, 70%, 30%) | |
65% | #7e1b2a | rgb(126, 27, 42) | hsl(351, 65%, 30%) | |
60% | #7a1f2c | rgb(122, 31, 44) | hsl(351, 60%, 30%) | |
57% | #77212e | rgb(119, 33, 46) | hsl(351, 57%, 30%) | |
55% | #77222f | rgb(119, 34, 47) | hsl(351, 55%, 30%) | |
50% | #732632 | rgb(115, 38, 50) | hsl(351, 50%, 30%) | |
45% | #6f2a34 | rgb(111, 42, 52) | hsl(351, 45%, 30%) | |
40% | #6b2e37 | rgb(107, 46, 55) | hsl(351, 40%, 30%) | |
35% | #67323a | rgb(103, 50, 58) | hsl(351, 35%, 30%) | |
30% | #63363c | rgb(99, 54, 60) | hsl(351, 30%, 30%) | |
25% | #60393f | rgb(96, 57, 63) | hsl(351, 25%, 30%) | |
20% | #5c3d42 | rgb(92, 61, 66) | hsl(351, 20%, 30%) | |
15% | #584144 | rgb(88, 65, 68) | hsl(351, 15%, 30%) | |
10% | #544547 | rgb(84, 69, 71) | hsl(351, 10%, 30%) | |
5% | #50494a | rgb(80, 73, 74) | hsl(351, 5%, 30%) | |
0% | #4d4d4d | rgb(77, 77, 77) | hsl(351, 0%, 30%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(351, 57%, 100%) | |
95% | #faebed | rgb(250, 235, 237) | hsl(351, 57%, 95%) | |
90% | #f4d7db | rgb(244, 215, 219) | hsl(351, 57%, 90%) | |
85% | #efc3c9 | rgb(239, 195, 201) | hsl(351, 57%, 85%) | |
80% | #e9afb8 | rgb(233, 175, 184) | hsl(351, 57%, 80%) | |
75% | #e49ba6 | rgb(228, 155, 166) | hsl(351, 57%, 75%) | |
70% | #de8794 | rgb(222, 135, 148) | hsl(351, 57%, 70%) | |
65% | #d97382 | rgb(217, 115, 130) | hsl(351, 57%, 65%) | |
60% | #d35f70 | rgb(211, 95, 112) | hsl(351, 57%, 60%) | |
55% | #ce4b5e | rgb(206, 75, 94) | hsl(351, 57%, 55%) | |
50% | #c8374d | rgb(200, 55, 77) | hsl(351, 57%, 50%) | |
45% | #b43145 | rgb(180, 49, 69) | hsl(351, 57%, 45%) | |
40% | #a02c3d | rgb(160, 44, 61) | hsl(351, 57%, 40%) | |
35% | #8c2636 | rgb(140, 38, 54) | hsl(351, 57%, 35%) | |
30% | #77212e | rgb(119, 33, 46) | hsl(351, 57%, 30%) | |
25% | #641b26 | rgb(100, 27, 38) | hsl(351, 57%, 25%) | |
20% | #50161f | rgb(80, 22, 31) | hsl(351, 57%, 20%) | |
15% | #3c1017 | rgb(60, 16, 23) | hsl(351, 57%, 15%) | |
10% | #280b0f | rgb(40, 11, 15) | hsl(351, 57%, 10%) | |
5% | #140508 | rgb(20, 5, 8) | hsl(351, 57%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(351, 57%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
119 | 33 | 46 |
rgb(119, 33, 46)
#77212e
#77212e