HTML Color Picker
Pick a Color:
![colormap](img_colormap.gif)
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
Sienna
#a0522d
rgb(160, 82, 45)
hsl(19, 56%, 40%)
Lighter / Darker:
100% | #ffffff | |
95% | #f9f0eb | |
90% | #f4e0d7 | |
85% | #eed1c3 | |
80% | #e9c2af | |
75% | #e3b29c | |
70% | #dda388 | |
65% | #d89374 | |
60% | #d28460 | |
55% | #cd754c | |
50% | #c76538 | |
45% | #b35b32 | |
40% | #a0522d | |
35% | #8b4727 | |
30% | #773d22 | |
25% | #63331c | |
20% | #502916 | |
15% | #3c1e11 | |
10% | #28140b | |
5% | #140a06 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #9f2d2d | rgb(159, 45, 45) | hsl(0, 56%, 40%) | |
15 | #9f492d | rgb(159, 73, 45) | hsl(15, 56%, 40%) | |
19 | #a0522d | rgb(160, 82, 45) | hsl(19, 56%, 40%) | |
30 | #9f662d | rgb(159, 102, 45) | hsl(30, 56%, 40%) | |
45 | #9f832d | rgb(159, 131, 45) | hsl(45, 56%, 40%) | |
60 | #9f9f2d | rgb(159, 159, 45) | hsl(60, 56%, 40%) | |
75 | #839f2d | rgb(131, 159, 45) | hsl(75, 56%, 40%) | |
90 | #669f2d | rgb(102, 159, 45) | hsl(90, 56%, 40%) | |
105 | #499f2d | rgb(73, 159, 45) | hsl(105, 56%, 40%) | |
120 | #2d9f2d | rgb(45, 159, 45) | hsl(120, 56%, 40%) | |
135 | #2d9f49 | rgb(45, 159, 73) | hsl(135, 56%, 40%) | |
150 | #2d9f66 | rgb(45, 159, 102) | hsl(150, 56%, 40%) | |
165 | #2d9f83 | rgb(45, 159, 131) | hsl(165, 56%, 40%) | |
180 | #2d9f9f | rgb(45, 159, 159) | hsl(180, 56%, 40%) | |
195 | #2d839f | rgb(45, 131, 159) | hsl(195, 56%, 40%) | |
210 | #2d669f | rgb(45, 102, 159) | hsl(210, 56%, 40%) | |
225 | #2d499f | rgb(45, 73, 159) | hsl(225, 56%, 40%) | |
240 | #2d2d9f | rgb(45, 45, 159) | hsl(240, 56%, 40%) | |
255 | #492d9f | rgb(73, 45, 159) | hsl(255, 56%, 40%) | |
270 | #662d9f | rgb(102, 45, 159) | hsl(270, 56%, 40%) | |
285 | #832d9f | rgb(131, 45, 159) | hsl(285, 56%, 40%) | |
300 | #9f2d9f | rgb(159, 45, 159) | hsl(300, 56%, 40%) | |
315 | #9f2d83 | rgb(159, 45, 131) | hsl(315, 56%, 40%) | |
330 | #9f2d66 | rgb(159, 45, 102) | hsl(330, 56%, 40%) | |
345 | #9f2d49 | rgb(159, 45, 73) | hsl(345, 56%, 40%) | |
360 | #9f2d2d | rgb(159, 45, 45) | hsl(0, 56%, 40%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #cc4100 | rgb(204, 65, 0) | hsl(19, 100%, 40%) | |
95% | #c74205 | rgb(199, 66, 5) | hsl(19, 95%, 40%) | |
90% | #c2440a | rgb(194, 68, 10) | hsl(19, 90%, 40%) | |
85% | #bd460f | rgb(189, 70, 15) | hsl(19, 85%, 40%) | |
80% | #b84814 | rgb(184, 72, 20) | hsl(19, 80%, 40%) | |
75% | #b34a19 | rgb(179, 74, 25) | hsl(19, 75%, 40%) | |
70% | #ad4c1f | rgb(173, 76, 31) | hsl(19, 70%, 40%) | |
65% | #a84e24 | rgb(168, 78, 36) | hsl(19, 65%, 40%) | |
60% | #a35029 | rgb(163, 80, 41) | hsl(19, 60%, 40%) | |
56% | #a0522d | rgb(160, 82, 45) | hsl(19, 56%, 40%) | |
55% | #9e512e | rgb(158, 81, 46) | hsl(19, 55%, 40%) | |
50% | #995333 | rgb(153, 83, 51) | hsl(19, 50%, 40%) | |
45% | #945538 | rgb(148, 85, 56) | hsl(19, 45%, 40%) | |
40% | #8f573d | rgb(143, 87, 61) | hsl(19, 40%, 40%) | |
35% | #8a5942 | rgb(138, 89, 66) | hsl(19, 35%, 40%) | |
30% | #855b47 | rgb(133, 91, 71) | hsl(19, 30%, 40%) | |
25% | #805d4d | rgb(128, 93, 77) | hsl(19, 25%, 40%) | |
20% | #7a5f52 | rgb(122, 95, 82) | hsl(19, 20%, 40%) | |
15% | #756057 | rgb(117, 96, 87) | hsl(19, 15%, 40%) | |
10% | #70625c | rgb(112, 98, 92) | hsl(19, 10%, 40%) | |
5% | #6b6461 | rgb(107, 100, 97) | hsl(19, 5%, 40%) | |
0% | #666666 | rgb(102, 102, 102) | hsl(19, 0%, 40%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(19, 56%, 100%) | |
95% | #f9f0eb | rgb(249, 240, 235) | hsl(19, 56%, 95%) | |
90% | #f4e0d7 | rgb(244, 224, 215) | hsl(19, 56%, 90%) | |
85% | #eed1c3 | rgb(238, 209, 195) | hsl(19, 56%, 85%) | |
80% | #e9c2af | rgb(233, 194, 175) | hsl(19, 56%, 80%) | |
75% | #e3b29c | rgb(227, 178, 156) | hsl(19, 56%, 75%) | |
70% | #dda388 | rgb(221, 163, 136) | hsl(19, 56%, 70%) | |
65% | #d89374 | rgb(216, 147, 116) | hsl(19, 56%, 65%) | |
60% | #d28460 | rgb(210, 132, 96) | hsl(19, 56%, 60%) | |
55% | #cd754c | rgb(205, 117, 76) | hsl(19, 56%, 55%) | |
50% | #c76538 | rgb(199, 101, 56) | hsl(19, 56%, 50%) | |
45% | #b35b32 | rgb(179, 91, 50) | hsl(19, 56%, 45%) | |
40% | #a0522d | rgb(160, 82, 45) | hsl(19, 56%, 40%) | |
35% | #8b4727 | rgb(139, 71, 39) | hsl(19, 56%, 35%) | |
30% | #773d22 | rgb(119, 61, 34) | hsl(19, 56%, 30%) | |
25% | #63331c | rgb(99, 51, 28) | hsl(19, 56%, 25%) | |
20% | #502916 | rgb(80, 41, 22) | hsl(19, 56%, 20%) | |
15% | #3c1e11 | rgb(60, 30, 17) | hsl(19, 56%, 15%) | |
10% | #28140b | rgb(40, 20, 11) | hsl(19, 56%, 10%) | |
5% | #140a06 | rgb(20, 10, 6) | hsl(19, 56%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(19, 56%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
160 | 82 | 45 |
rgb(160, 82, 45)
#a0522d
#a0522d