HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#9a8b4f
rgb(154, 139, 79)
hsl(48, 32%, 46%)
Lighter / Darker:
100% | #ffffff | |
95% | #f6f5ee | |
90% | #eeeadd | |
85% | #e5e0cd | |
80% | #dcd6bc | |
75% | #d4cbab | |
70% | #cbc19a | |
65% | #c2b789 | |
60% | #baad78 | |
55% | #b1a268 | |
50% | #a89857 | |
46% | #9a8b4f | |
45% | #97894e | |
40% | #877a45 | |
35% | #766a3d | |
30% | #655b34 | |
25% | #544c2b | |
20% | #433d23 | |
15% | #322e1a | |
10% | #221e11 | |
5% | #110f09 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #9b5050 | rgb(155, 80, 80) | hsl(0, 32%, 46%) | |
15 | #9b6350 | rgb(155, 99, 80) | hsl(15, 32%, 46%) | |
30 | #9b7550 | rgb(155, 117, 80) | hsl(30, 32%, 46%) | |
45 | #9b8850 | rgb(155, 136, 80) | hsl(45, 32%, 46%) | |
48 | #9a8b4f | rgb(154, 139, 79) | hsl(48, 32%, 46%) | |
60 | #9b9b50 | rgb(155, 155, 80) | hsl(60, 32%, 46%) | |
75 | #889b50 | rgb(136, 155, 80) | hsl(75, 32%, 46%) | |
90 | #759b50 | rgb(117, 155, 80) | hsl(90, 32%, 46%) | |
105 | #639b50 | rgb(99, 155, 80) | hsl(105, 32%, 46%) | |
120 | #509b50 | rgb(80, 155, 80) | hsl(120, 32%, 46%) | |
135 | #509b63 | rgb(80, 155, 99) | hsl(135, 32%, 46%) | |
150 | #509b75 | rgb(80, 155, 117) | hsl(150, 32%, 46%) | |
165 | #509b88 | rgb(80, 155, 136) | hsl(165, 32%, 46%) | |
180 | #509b9b | rgb(80, 155, 155) | hsl(180, 32%, 46%) | |
195 | #50889b | rgb(80, 136, 155) | hsl(195, 32%, 46%) | |
210 | #50759b | rgb(80, 117, 155) | hsl(210, 32%, 46%) | |
225 | #50639b | rgb(80, 99, 155) | hsl(225, 32%, 46%) | |
240 | #50509b | rgb(80, 80, 155) | hsl(240, 32%, 46%) | |
255 | #63509b | rgb(99, 80, 155) | hsl(255, 32%, 46%) | |
270 | #75509b | rgb(117, 80, 155) | hsl(270, 32%, 46%) | |
285 | #88509b | rgb(136, 80, 155) | hsl(285, 32%, 46%) | |
300 | #9b509b | rgb(155, 80, 155) | hsl(300, 32%, 46%) | |
315 | #9b5088 | rgb(155, 80, 136) | hsl(315, 32%, 46%) | |
330 | #9b5075 | rgb(155, 80, 117) | hsl(330, 32%, 46%) | |
345 | #9b5063 | rgb(155, 80, 99) | hsl(345, 32%, 46%) | |
360 | #9b5050 | rgb(155, 80, 80) | hsl(0, 32%, 46%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ebbc00 | rgb(235, 188, 0) | hsl(48, 100%, 46%) | |
95% | #e5b806 | rgb(229, 184, 6) | hsl(48, 95%, 46%) | |
90% | #dfb50c | rgb(223, 181, 12) | hsl(48, 90%, 46%) | |
85% | #d9b112 | rgb(217, 177, 18) | hsl(48, 85%, 46%) | |
80% | #d3ae17 | rgb(211, 174, 23) | hsl(48, 80%, 46%) | |
75% | #cdaa1d | rgb(205, 170, 29) | hsl(48, 75%, 46%) | |
70% | #c7a723 | rgb(199, 167, 35) | hsl(48, 70%, 46%) | |
65% | #c2a329 | rgb(194, 163, 41) | hsl(48, 65%, 46%) | |
60% | #bca02f | rgb(188, 160, 47) | hsl(48, 60%, 46%) | |
55% | #b69c35 | rgb(182, 156, 53) | hsl(48, 55%, 46%) | |
50% | #b0983b | rgb(176, 152, 59) | hsl(48, 50%, 46%) | |
45% | #aa9541 | rgb(170, 149, 65) | hsl(48, 45%, 46%) | |
40% | #a49146 | rgb(164, 145, 70) | hsl(48, 40%, 46%) | |
35% | #9e8e4c | rgb(158, 142, 76) | hsl(48, 35%, 46%) | |
32% | #9a8b4f | rgb(154, 139, 79) | hsl(48, 32%, 46%) | |
30% | #988a52 | rgb(152, 138, 82) | hsl(48, 30%, 46%) | |
25% | #938758 | rgb(147, 135, 88) | hsl(48, 25%, 46%) | |
20% | #8d835e | rgb(141, 131, 94) | hsl(48, 20%, 46%) | |
15% | #878064 | rgb(135, 128, 100) | hsl(48, 15%, 46%) | |
10% | #817c6a | rgb(129, 124, 106) | hsl(48, 10%, 46%) | |
5% | #7b796f | rgb(123, 121, 111) | hsl(48, 5%, 46%) | |
0% | #757575 | rgb(117, 117, 117) | hsl(48, 0%, 46%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(48, 32%, 100%) | |
95% | #f6f5ee | rgb(246, 245, 238) | hsl(48, 32%, 95%) | |
90% | #eeeadd | rgb(238, 234, 221) | hsl(48, 32%, 90%) | |
85% | #e5e0cd | rgb(229, 224, 205) | hsl(48, 32%, 85%) | |
80% | #dcd6bc | rgb(220, 214, 188) | hsl(48, 32%, 80%) | |
75% | #d4cbab | rgb(212, 203, 171) | hsl(48, 32%, 75%) | |
70% | #cbc19a | rgb(203, 193, 154) | hsl(48, 32%, 70%) | |
65% | #c2b789 | rgb(194, 183, 137) | hsl(48, 32%, 65%) | |
60% | #baad78 | rgb(186, 173, 120) | hsl(48, 32%, 60%) | |
55% | #b1a268 | rgb(177, 162, 104) | hsl(48, 32%, 55%) | |
50% | #a89857 | rgb(168, 152, 87) | hsl(48, 32%, 50%) | |
46% | #9a8b4f | rgb(154, 139, 79) | hsl(48, 32%, 46%) | |
45% | #97894e | rgb(151, 137, 78) | hsl(48, 32%, 45%) | |
40% | #877a45 | rgb(135, 122, 69) | hsl(48, 32%, 40%) | |
35% | #766a3d | rgb(118, 106, 61) | hsl(48, 32%, 35%) | |
30% | #655b34 | rgb(101, 91, 52) | hsl(48, 32%, 30%) | |
25% | #544c2b | rgb(84, 76, 43) | hsl(48, 32%, 25%) | |
20% | #433d23 | rgb(67, 61, 35) | hsl(48, 32%, 20%) | |
15% | #322e1a | rgb(50, 46, 26) | hsl(48, 32%, 15%) | |
10% | #221e11 | rgb(34, 30, 17) | hsl(48, 32%, 10%) | |
5% | #110f09 | rgb(17, 15, 9) | hsl(48, 32%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(48, 32%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
154 | 139 | 79 |
rgb(154, 139, 79)
#9a8b4f
#9a8b4f