HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#9c9a40
rgb(156, 154, 64)
hsl(59, 42%, 43%)
Lighter / Darker:
100% | #ffffff | |
95% | #f8f7ed | |
90% | #f0f0db | |
85% | #e9e8c9 | |
80% | #e1e1b7 | |
75% | #dad9a4 | |
70% | #d3d292 | |
65% | #cbca80 | |
60% | #c4c26e | |
55% | #bcbb5c | |
50% | #b5b34a | |
45% | #a3a143 | |
43% | #9c9a40 | |
40% | #918f3b | |
35% | #7f7d34 | |
30% | #6d6c2c | |
25% | #5b5a25 | |
20% | #48481e | |
15% | #363616 | |
10% | #24240f | |
5% | #121207 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #9c4040 | rgb(156, 64, 64) | hsl(0, 42%, 43%) | |
15 | #9c5740 | rgb(156, 87, 64) | hsl(15, 42%, 43%) | |
30 | #9c6e40 | rgb(156, 110, 64) | hsl(30, 42%, 43%) | |
45 | #9c8540 | rgb(156, 133, 64) | hsl(45, 42%, 43%) | |
59 | #9c9a40 | rgb(156, 154, 64) | hsl(59, 42%, 43%) | |
60 | #9c9c40 | rgb(156, 156, 64) | hsl(60, 42%, 43%) | |
75 | #859c40 | rgb(133, 156, 64) | hsl(75, 42%, 43%) | |
90 | #6e9c40 | rgb(110, 156, 64) | hsl(90, 42%, 43%) | |
105 | #579c40 | rgb(87, 156, 64) | hsl(105, 42%, 43%) | |
120 | #409c40 | rgb(64, 156, 64) | hsl(120, 42%, 43%) | |
135 | #409c57 | rgb(64, 156, 87) | hsl(135, 42%, 43%) | |
150 | #409c6e | rgb(64, 156, 110) | hsl(150, 42%, 43%) | |
165 | #409c85 | rgb(64, 156, 133) | hsl(165, 42%, 43%) | |
180 | #409c9c | rgb(64, 156, 156) | hsl(180, 42%, 43%) | |
195 | #40859c | rgb(64, 133, 156) | hsl(195, 42%, 43%) | |
210 | #406e9c | rgb(64, 110, 156) | hsl(210, 42%, 43%) | |
225 | #40579c | rgb(64, 87, 156) | hsl(225, 42%, 43%) | |
240 | #40409c | rgb(64, 64, 156) | hsl(240, 42%, 43%) | |
255 | #57409c | rgb(87, 64, 156) | hsl(255, 42%, 43%) | |
270 | #6e409c | rgb(110, 64, 156) | hsl(270, 42%, 43%) | |
285 | #85409c | rgb(133, 64, 156) | hsl(285, 42%, 43%) | |
300 | #9c409c | rgb(156, 64, 156) | hsl(300, 42%, 43%) | |
315 | #9c4085 | rgb(156, 64, 133) | hsl(315, 42%, 43%) | |
330 | #9c406e | rgb(156, 64, 110) | hsl(330, 42%, 43%) | |
345 | #9c4057 | rgb(156, 64, 87) | hsl(345, 42%, 43%) | |
360 | #9c4040 | rgb(156, 64, 64) | hsl(0, 42%, 43%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #dbd800 | rgb(219, 216, 0) | hsl(59, 100%, 43%) | |
95% | #d6d205 | rgb(214, 210, 5) | hsl(59, 95%, 43%) | |
90% | #d0cd0b | rgb(208, 205, 11) | hsl(59, 90%, 43%) | |
85% | #cbc810 | rgb(203, 200, 16) | hsl(59, 85%, 43%) | |
80% | #c5c216 | rgb(197, 194, 22) | hsl(59, 80%, 43%) | |
75% | #c0bd1b | rgb(192, 189, 27) | hsl(59, 75%, 43%) | |
70% | #bab821 | rgb(186, 184, 33) | hsl(59, 70%, 43%) | |
65% | #b5b326 | rgb(181, 179, 38) | hsl(59, 65%, 43%) | |
60% | #afad2c | rgb(175, 173, 44) | hsl(59, 60%, 43%) | |
55% | #aaa831 | rgb(170, 168, 49) | hsl(59, 55%, 43%) | |
50% | #a4a337 | rgb(164, 163, 55) | hsl(59, 50%, 43%) | |
45% | #9f9d3c | rgb(159, 157, 60) | hsl(59, 45%, 43%) | |
42% | #9c9a40 | rgb(156, 154, 64) | hsl(59, 42%, 43%) | |
40% | #9a9842 | rgb(154, 152, 66) | hsl(59, 40%, 43%) | |
35% | #949347 | rgb(148, 147, 71) | hsl(59, 35%, 43%) | |
30% | #8f8d4d | rgb(143, 141, 77) | hsl(59, 30%, 43%) | |
25% | #898852 | rgb(137, 136, 82) | hsl(59, 25%, 43%) | |
20% | #848358 | rgb(132, 131, 88) | hsl(59, 20%, 43%) | |
15% | #7e7e5d | rgb(126, 126, 93) | hsl(59, 15%, 43%) | |
10% | #797863 | rgb(121, 120, 99) | hsl(59, 10%, 43%) | |
5% | #737368 | rgb(115, 115, 104) | hsl(59, 5%, 43%) | |
0% | #6e6e6e | rgb(110, 110, 110) | hsl(59, 0%, 43%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(59, 42%, 100%) | |
95% | #f8f7ed | rgb(248, 247, 237) | hsl(59, 42%, 95%) | |
90% | #f0f0db | rgb(240, 240, 219) | hsl(59, 42%, 90%) | |
85% | #e9e8c9 | rgb(233, 232, 201) | hsl(59, 42%, 85%) | |
80% | #e1e1b7 | rgb(225, 225, 183) | hsl(59, 42%, 80%) | |
75% | #dad9a4 | rgb(218, 217, 164) | hsl(59, 42%, 75%) | |
70% | #d3d292 | rgb(211, 210, 146) | hsl(59, 42%, 70%) | |
65% | #cbca80 | rgb(203, 202, 128) | hsl(59, 42%, 65%) | |
60% | #c4c26e | rgb(196, 194, 110) | hsl(59, 42%, 60%) | |
55% | #bcbb5c | rgb(188, 187, 92) | hsl(59, 42%, 55%) | |
50% | #b5b34a | rgb(181, 179, 74) | hsl(59, 42%, 50%) | |
45% | #a3a143 | rgb(163, 161, 67) | hsl(59, 42%, 45%) | |
43% | #9c9a40 | rgb(156, 154, 64) | hsl(59, 42%, 43%) | |
40% | #918f3b | rgb(145, 143, 59) | hsl(59, 42%, 40%) | |
35% | #7f7d34 | rgb(127, 125, 52) | hsl(59, 42%, 35%) | |
30% | #6d6c2c | rgb(109, 108, 44) | hsl(59, 42%, 30%) | |
25% | #5b5a25 | rgb(91, 90, 37) | hsl(59, 42%, 25%) | |
20% | #48481e | rgb(72, 72, 30) | hsl(59, 42%, 20%) | |
15% | #363616 | rgb(54, 54, 22) | hsl(59, 42%, 15%) | |
10% | #24240f | rgb(36, 36, 15) | hsl(59, 42%, 10%) | |
5% | #121207 | rgb(18, 18, 7) | hsl(59, 42%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(59, 42%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
156 | 154 | 64 |
rgb(156, 154, 64)
#9c9a40
#9c9a40