HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#944743
rgb(148, 71, 67)
hsl(3, 38%, 42%)
Lighter / Darker:
100% | #ffffff | |
95% | #f7eeed | |
90% | #efdddc | |
85% | #e7ccca | |
80% | #dfbbb9 | |
75% | #d7a9a7 | |
70% | #d09895 | |
65% | #c88784 | |
60% | #c07672 | |
55% | #b86561 | |
50% | #b0544f | |
45% | #9e4c47 | |
42% | #944743 | |
40% | #8d433f | |
35% | #7b3b37 | |
30% | #6a322f | |
25% | #582a28 | |
20% | #462220 | |
15% | #351918 | |
10% | #231110 | |
5% | #120808 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #944242 | rgb(148, 66, 66) | hsl(0, 38%, 42%) | |
3 | #944743 | rgb(148, 71, 67) | hsl(3, 38%, 42%) | |
15 | #945742 | rgb(148, 87, 66) | hsl(15, 38%, 42%) | |
30 | #946b42 | rgb(148, 107, 66) | hsl(30, 38%, 42%) | |
45 | #947f42 | rgb(148, 127, 66) | hsl(45, 38%, 42%) | |
60 | #949442 | rgb(148, 148, 66) | hsl(60, 38%, 42%) | |
75 | #7f9442 | rgb(127, 148, 66) | hsl(75, 38%, 42%) | |
90 | #6b9442 | rgb(107, 148, 66) | hsl(90, 38%, 42%) | |
105 | #579442 | rgb(87, 148, 66) | hsl(105, 38%, 42%) | |
120 | #429442 | rgb(66, 148, 66) | hsl(120, 38%, 42%) | |
135 | #429457 | rgb(66, 148, 87) | hsl(135, 38%, 42%) | |
150 | #42946b | rgb(66, 148, 107) | hsl(150, 38%, 42%) | |
165 | #42947f | rgb(66, 148, 127) | hsl(165, 38%, 42%) | |
180 | #429494 | rgb(66, 148, 148) | hsl(180, 38%, 42%) | |
195 | #427f94 | rgb(66, 127, 148) | hsl(195, 38%, 42%) | |
210 | #426b94 | rgb(66, 107, 148) | hsl(210, 38%, 42%) | |
225 | #425794 | rgb(66, 87, 148) | hsl(225, 38%, 42%) | |
240 | #424294 | rgb(66, 66, 148) | hsl(240, 38%, 42%) | |
255 | #574294 | rgb(87, 66, 148) | hsl(255, 38%, 42%) | |
270 | #6b4294 | rgb(107, 66, 148) | hsl(270, 38%, 42%) | |
285 | #7f4294 | rgb(127, 66, 148) | hsl(285, 38%, 42%) | |
300 | #944294 | rgb(148, 66, 148) | hsl(300, 38%, 42%) | |
315 | #94427f | rgb(148, 66, 127) | hsl(315, 38%, 42%) | |
330 | #94426b | rgb(148, 66, 107) | hsl(330, 38%, 42%) | |
345 | #944257 | rgb(148, 66, 87) | hsl(345, 38%, 42%) | |
360 | #944242 | rgb(148, 66, 66) | hsl(0, 38%, 42%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #d60b00 | rgb(214, 11, 0) | hsl(3, 100%, 42%) | |
95% | #d11005 | rgb(209, 16, 5) | hsl(3, 95%, 42%) | |
90% | #cb140b | rgb(203, 20, 11) | hsl(3, 90%, 42%) | |
85% | #c61910 | rgb(198, 25, 16) | hsl(3, 85%, 42%) | |
80% | #c11e15 | rgb(193, 30, 21) | hsl(3, 80%, 42%) | |
75% | #bb231b | rgb(187, 35, 27) | hsl(3, 75%, 42%) | |
70% | #b62820 | rgb(182, 40, 32) | hsl(3, 70%, 42%) | |
65% | #b12c25 | rgb(177, 44, 37) | hsl(3, 65%, 42%) | |
60% | #ab312b | rgb(171, 49, 43) | hsl(3, 60%, 42%) | |
55% | #a63630 | rgb(166, 54, 48) | hsl(3, 55%, 42%) | |
50% | #a13b36 | rgb(161, 59, 54) | hsl(3, 50%, 42%) | |
45% | #9b403b | rgb(155, 64, 59) | hsl(3, 45%, 42%) | |
40% | #964540 | rgb(150, 69, 64) | hsl(3, 40%, 42%) | |
38% | #944743 | rgb(148, 71, 67) | hsl(3, 38%, 42%) | |
35% | #914946 | rgb(145, 73, 70) | hsl(3, 35%, 42%) | |
30% | #8b4e4b | rgb(139, 78, 75) | hsl(3, 30%, 42%) | |
25% | #865350 | rgb(134, 83, 80) | hsl(3, 25%, 42%) | |
20% | #815856 | rgb(129, 88, 86) | hsl(3, 20%, 42%) | |
15% | #7b5d5b | rgb(123, 93, 91) | hsl(3, 15%, 42%) | |
10% | #766160 | rgb(118, 97, 96) | hsl(3, 10%, 42%) | |
5% | #706666 | rgb(112, 102, 102) | hsl(3, 5%, 42%) | |
0% | #6b6b6b | rgb(107, 107, 107) | hsl(3, 0%, 42%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(3, 38%, 100%) | |
95% | #f7eeed | rgb(247, 238, 237) | hsl(3, 38%, 95%) | |
90% | #efdddc | rgb(239, 221, 220) | hsl(3, 38%, 90%) | |
85% | #e7ccca | rgb(231, 204, 202) | hsl(3, 38%, 85%) | |
80% | #dfbbb9 | rgb(223, 187, 185) | hsl(3, 38%, 80%) | |
75% | #d7a9a7 | rgb(215, 169, 167) | hsl(3, 38%, 75%) | |
70% | #d09895 | rgb(208, 152, 149) | hsl(3, 38%, 70%) | |
65% | #c88784 | rgb(200, 135, 132) | hsl(3, 38%, 65%) | |
60% | #c07672 | rgb(192, 118, 114) | hsl(3, 38%, 60%) | |
55% | #b86561 | rgb(184, 101, 97) | hsl(3, 38%, 55%) | |
50% | #b0544f | rgb(176, 84, 79) | hsl(3, 38%, 50%) | |
45% | #9e4c47 | rgb(158, 76, 71) | hsl(3, 38%, 45%) | |
42% | #944743 | rgb(148, 71, 67) | hsl(3, 38%, 42%) | |
40% | #8d433f | rgb(141, 67, 63) | hsl(3, 38%, 40%) | |
35% | #7b3b37 | rgb(123, 59, 55) | hsl(3, 38%, 35%) | |
30% | #6a322f | rgb(106, 50, 47) | hsl(3, 38%, 30%) | |
25% | #582a28 | rgb(88, 42, 40) | hsl(3, 38%, 25%) | |
20% | #462220 | rgb(70, 34, 32) | hsl(3, 38%, 20%) | |
15% | #351918 | rgb(53, 25, 24) | hsl(3, 38%, 15%) | |
10% | #231110 | rgb(35, 17, 16) | hsl(3, 38%, 10%) | |
5% | #120808 | rgb(18, 8, 8) | hsl(3, 38%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(3, 38%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
148 | 71 | 67 |
rgb(148, 71, 67)
#944743
#944743