HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#9c4722
rgb(156, 71, 34)
hsl(18, 64%, 37%)
Lighter / Darker:
100% | #ffffff | |
95% | #faefea | |
90% | #f6dfd5 | |
85% | #f1cfc0 | |
80% | #edbfab | |
75% | #e8af96 | |
70% | #e39f82 | |
65% | #df8f6d | |
60% | #da7f58 | |
55% | #d66f43 | |
50% | #d15f2e | |
45% | #bc5529 | |
40% | #a74c25 | |
37% | #9c4722 | |
35% | #924220 | |
30% | #7d391c | |
25% | #692f17 | |
20% | #542612 | |
15% | #3f1c0e | |
10% | #2a1309 | |
5% | #150905 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #9b2222 | rgb(155, 34, 34) | hsl(0, 64%, 37%) | |
15 | #9b4022 | rgb(155, 64, 34) | hsl(15, 64%, 37%) | |
18 | #9c4722 | rgb(156, 71, 34) | hsl(18, 64%, 37%) | |
30 | #9b5e22 | rgb(155, 94, 34) | hsl(30, 64%, 37%) | |
45 | #9b7d22 | rgb(155, 125, 34) | hsl(45, 64%, 37%) | |
60 | #9b9b22 | rgb(155, 155, 34) | hsl(60, 64%, 37%) | |
75 | #7d9b22 | rgb(125, 155, 34) | hsl(75, 64%, 37%) | |
90 | #5e9b22 | rgb(94, 155, 34) | hsl(90, 64%, 37%) | |
105 | #409b22 | rgb(64, 155, 34) | hsl(105, 64%, 37%) | |
120 | #229b22 | rgb(34, 155, 34) | hsl(120, 64%, 37%) | |
135 | #229b40 | rgb(34, 155, 64) | hsl(135, 64%, 37%) | |
150 | #229b5e | rgb(34, 155, 94) | hsl(150, 64%, 37%) | |
165 | #229b7d | rgb(34, 155, 125) | hsl(165, 64%, 37%) | |
180 | #229b9b | rgb(34, 155, 155) | hsl(180, 64%, 37%) | |
195 | #227d9b | rgb(34, 125, 155) | hsl(195, 64%, 37%) | |
210 | #225e9b | rgb(34, 94, 155) | hsl(210, 64%, 37%) | |
225 | #22409b | rgb(34, 64, 155) | hsl(225, 64%, 37%) | |
240 | #22229b | rgb(34, 34, 155) | hsl(240, 64%, 37%) | |
255 | #40229b | rgb(64, 34, 155) | hsl(255, 64%, 37%) | |
270 | #5e229b | rgb(94, 34, 155) | hsl(270, 64%, 37%) | |
285 | #7d229b | rgb(125, 34, 155) | hsl(285, 64%, 37%) | |
300 | #9b229b | rgb(155, 34, 155) | hsl(300, 64%, 37%) | |
315 | #9b227d | rgb(155, 34, 125) | hsl(315, 64%, 37%) | |
330 | #9b225e | rgb(155, 34, 94) | hsl(330, 64%, 37%) | |
345 | #9b2240 | rgb(155, 34, 64) | hsl(345, 64%, 37%) | |
360 | #9b2222 | rgb(155, 34, 34) | hsl(0, 64%, 37%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #bd3900 | rgb(189, 57, 0) | hsl(18, 100%, 37%) | |
95% | #b83a05 | rgb(184, 58, 5) | hsl(18, 95%, 37%) | |
90% | #b33c09 | rgb(179, 60, 9) | hsl(18, 90%, 37%) | |
85% | #af3e0e | rgb(175, 62, 14) | hsl(18, 85%, 37%) | |
80% | #aa4013 | rgb(170, 64, 19) | hsl(18, 80%, 37%) | |
75% | #a54218 | rgb(165, 66, 24) | hsl(18, 75%, 37%) | |
70% | #a0441c | rgb(160, 68, 28) | hsl(18, 70%, 37%) | |
65% | #9c4621 | rgb(156, 70, 33) | hsl(18, 65%, 37%) | |
64% | #9c4722 | rgb(156, 71, 34) | hsl(18, 64%, 37%) | |
60% | #974826 | rgb(151, 72, 38) | hsl(18, 60%, 37%) | |
55% | #924a2a | rgb(146, 74, 42) | hsl(18, 55%, 37%) | |
50% | #8e4b2f | rgb(142, 75, 47) | hsl(18, 50%, 37%) | |
45% | #894d34 | rgb(137, 77, 52) | hsl(18, 45%, 37%) | |
40% | #844f39 | rgb(132, 79, 57) | hsl(18, 40%, 37%) | |
35% | #7f513d | rgb(127, 81, 61) | hsl(18, 35%, 37%) | |
30% | #7b5342 | rgb(123, 83, 66) | hsl(18, 30%, 37%) | |
25% | #765547 | rgb(118, 85, 71) | hsl(18, 25%, 37%) | |
20% | #71574b | rgb(113, 87, 75) | hsl(18, 20%, 37%) | |
15% | #6d5950 | rgb(109, 89, 80) | hsl(18, 15%, 37%) | |
10% | #685b55 | rgb(104, 91, 85) | hsl(18, 10%, 37%) | |
5% | #635c5a | rgb(99, 92, 90) | hsl(18, 5%, 37%) | |
0% | #5e5e5e | rgb(94, 94, 94) | hsl(18, 0%, 37%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(18, 64%, 100%) | |
95% | #faefea | rgb(250, 239, 234) | hsl(18, 64%, 95%) | |
90% | #f6dfd5 | rgb(246, 223, 213) | hsl(18, 64%, 90%) | |
85% | #f1cfc0 | rgb(241, 207, 192) | hsl(18, 64%, 85%) | |
80% | #edbfab | rgb(237, 191, 171) | hsl(18, 64%, 80%) | |
75% | #e8af96 | rgb(232, 175, 150) | hsl(18, 64%, 75%) | |
70% | #e39f82 | rgb(227, 159, 130) | hsl(18, 64%, 70%) | |
65% | #df8f6d | rgb(223, 143, 109) | hsl(18, 64%, 65%) | |
60% | #da7f58 | rgb(218, 127, 88) | hsl(18, 64%, 60%) | |
55% | #d66f43 | rgb(214, 111, 67) | hsl(18, 64%, 55%) | |
50% | #d15f2e | rgb(209, 95, 46) | hsl(18, 64%, 50%) | |
45% | #bc5529 | rgb(188, 85, 41) | hsl(18, 64%, 45%) | |
40% | #a74c25 | rgb(167, 76, 37) | hsl(18, 64%, 40%) | |
37% | #9c4722 | rgb(156, 71, 34) | hsl(18, 64%, 37%) | |
35% | #924220 | rgb(146, 66, 32) | hsl(18, 64%, 35%) | |
30% | #7d391c | rgb(125, 57, 28) | hsl(18, 64%, 30%) | |
25% | #692f17 | rgb(105, 47, 23) | hsl(18, 64%, 25%) | |
20% | #542612 | rgb(84, 38, 18) | hsl(18, 64%, 20%) | |
15% | #3f1c0e | rgb(63, 28, 14) | hsl(18, 64%, 15%) | |
10% | #2a1309 | rgb(42, 19, 9) | hsl(18, 64%, 10%) | |
5% | #150905 | rgb(21, 9, 5) | hsl(18, 64%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(18, 64%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
156 | 71 | 34 |
rgb(156, 71, 34)
#9c4722
#9c4722