HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#8d9440
rgb(141, 148, 64)
hsl(65, 40%, 42%)
Lighter / Darker:
100% | #ffffff | |
95% | #f7f7ed | |
90% | #eef0db | |
85% | #e6e8c9 | |
80% | #dde0b8 | |
75% | #d4d9a6 | |
70% | #ccd194 | |
65% | #c4c982 | |
60% | #bbc270 | |
55% | #b3ba5e | |
50% | #aab34d | |
45% | #99a145 | |
42% | #8d9440 | |
40% | #888f3d | |
35% | #777d36 | |
30% | #666b2e | |
25% | #555926 | |
20% | #44471f | |
15% | #333617 | |
10% | #22240f | |
5% | #111208 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #964040 | rgb(150, 64, 64) | hsl(0, 40%, 42%) | |
15 | #965640 | rgb(150, 86, 64) | hsl(15, 40%, 42%) | |
30 | #966b40 | rgb(150, 107, 64) | hsl(30, 40%, 42%) | |
45 | #968140 | rgb(150, 129, 64) | hsl(45, 40%, 42%) | |
60 | #969640 | rgb(150, 150, 64) | hsl(60, 40%, 42%) | |
65 | #8d9440 | rgb(141, 148, 64) | hsl(65, 40%, 42%) | |
75 | #819640 | rgb(129, 150, 64) | hsl(75, 40%, 42%) | |
90 | #6b9640 | rgb(107, 150, 64) | hsl(90, 40%, 42%) | |
105 | #569640 | rgb(86, 150, 64) | hsl(105, 40%, 42%) | |
120 | #409640 | rgb(64, 150, 64) | hsl(120, 40%, 42%) | |
135 | #409656 | rgb(64, 150, 86) | hsl(135, 40%, 42%) | |
150 | #40966b | rgb(64, 150, 107) | hsl(150, 40%, 42%) | |
165 | #409681 | rgb(64, 150, 129) | hsl(165, 40%, 42%) | |
180 | #409696 | rgb(64, 150, 150) | hsl(180, 40%, 42%) | |
195 | #408196 | rgb(64, 129, 150) | hsl(195, 40%, 42%) | |
210 | #406b96 | rgb(64, 107, 150) | hsl(210, 40%, 42%) | |
225 | #405696 | rgb(64, 86, 150) | hsl(225, 40%, 42%) | |
240 | #404096 | rgb(64, 64, 150) | hsl(240, 40%, 42%) | |
255 | #564096 | rgb(86, 64, 150) | hsl(255, 40%, 42%) | |
270 | #6b4096 | rgb(107, 64, 150) | hsl(270, 40%, 42%) | |
285 | #814096 | rgb(129, 64, 150) | hsl(285, 40%, 42%) | |
300 | #964096 | rgb(150, 64, 150) | hsl(300, 40%, 42%) | |
315 | #964081 | rgb(150, 64, 129) | hsl(315, 40%, 42%) | |
330 | #96406b | rgb(150, 64, 107) | hsl(330, 40%, 42%) | |
345 | #964056 | rgb(150, 64, 86) | hsl(345, 40%, 42%) | |
360 | #964040 | rgb(150, 64, 64) | hsl(0, 40%, 42%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #c4d600 | rgb(196, 214, 0) | hsl(65, 100%, 42%) | |
95% | #c0d105 | rgb(192, 209, 5) | hsl(65, 95%, 42%) | |
90% | #bbcb0b | rgb(187, 203, 11) | hsl(65, 90%, 42%) | |
85% | #b7c610 | rgb(183, 198, 16) | hsl(65, 85%, 42%) | |
80% | #b3c115 | rgb(179, 193, 21) | hsl(65, 80%, 42%) | |
75% | #aebb1b | rgb(174, 187, 27) | hsl(65, 75%, 42%) | |
70% | #aab620 | rgb(170, 182, 32) | hsl(65, 70%, 42%) | |
65% | #a5b125 | rgb(165, 177, 37) | hsl(65, 65%, 42%) | |
60% | #a1ab2b | rgb(161, 171, 43) | hsl(65, 60%, 42%) | |
55% | #9ca630 | rgb(156, 166, 48) | hsl(65, 55%, 42%) | |
50% | #98a136 | rgb(152, 161, 54) | hsl(65, 50%, 42%) | |
45% | #939b3b | rgb(147, 155, 59) | hsl(65, 45%, 42%) | |
40% | #8d9440 | rgb(141, 148, 64) | hsl(65, 40%, 42%) | |
35% | #8a9146 | rgb(138, 145, 70) | hsl(65, 35%, 42%) | |
30% | #868b4b | rgb(134, 139, 75) | hsl(65, 30%, 42%) | |
25% | #818650 | rgb(129, 134, 80) | hsl(65, 25%, 42%) | |
20% | #7d8156 | rgb(125, 129, 86) | hsl(65, 20%, 42%) | |
15% | #787b5b | rgb(120, 123, 91) | hsl(65, 15%, 42%) | |
10% | #747660 | rgb(116, 118, 96) | hsl(65, 10%, 42%) | |
5% | #707066 | rgb(112, 112, 102) | hsl(65, 5%, 42%) | |
0% | #6b6b6b | rgb(107, 107, 107) | hsl(65, 0%, 42%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(65, 40%, 100%) | |
95% | #f7f7ed | rgb(247, 247, 237) | hsl(65, 40%, 95%) | |
90% | #eef0db | rgb(238, 240, 219) | hsl(65, 40%, 90%) | |
85% | #e6e8c9 | rgb(230, 232, 201) | hsl(65, 40%, 85%) | |
80% | #dde0b8 | rgb(221, 224, 184) | hsl(65, 40%, 80%) | |
75% | #d4d9a6 | rgb(212, 217, 166) | hsl(65, 40%, 75%) | |
70% | #ccd194 | rgb(204, 209, 148) | hsl(65, 40%, 70%) | |
65% | #c4c982 | rgb(196, 201, 130) | hsl(65, 40%, 65%) | |
60% | #bbc270 | rgb(187, 194, 112) | hsl(65, 40%, 60%) | |
55% | #b3ba5e | rgb(179, 186, 94) | hsl(65, 40%, 55%) | |
50% | #aab34d | rgb(170, 179, 77) | hsl(65, 40%, 50%) | |
45% | #99a145 | rgb(153, 161, 69) | hsl(65, 40%, 45%) | |
42% | #8d9440 | rgb(141, 148, 64) | hsl(65, 40%, 42%) | |
40% | #888f3d | rgb(136, 143, 61) | hsl(65, 40%, 40%) | |
35% | #777d36 | rgb(119, 125, 54) | hsl(65, 40%, 35%) | |
30% | #666b2e | rgb(102, 107, 46) | hsl(65, 40%, 30%) | |
25% | #555926 | rgb(85, 89, 38) | hsl(65, 40%, 25%) | |
20% | #44471f | rgb(68, 71, 31) | hsl(65, 40%, 20%) | |
15% | #333617 | rgb(51, 54, 23) | hsl(65, 40%, 15%) | |
10% | #22240f | rgb(34, 36, 15) | hsl(65, 40%, 10%) | |
5% | #111208 | rgb(17, 18, 8) | hsl(65, 40%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(65, 40%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
141 | 148 | 64 |
rgb(141, 148, 64)
#8d9440
#8d9440