HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#a9754f
rgb(169, 117, 79)
hsl(25, 36%, 49%)
Lighter / Darker:
100% | #ffffff | |
95% | #f7f1ee | |
90% | #efe4dc | |
85% | #e7d6cb | |
80% | #dec9ba | |
75% | #d6bba8 | |
70% | #ceae97 | |
65% | #c6a086 | |
60% | #be9374 | |
55% | #b68563 | |
50% | #ad7852 | |
49% | #a9754f | |
45% | #9c6c49 | |
40% | #8b6041 | |
35% | #795439 | |
30% | #684831 | |
25% | #573c29 | |
20% | #453021 | |
15% | #342418 | |
10% | #231810 | |
5% | #110c08 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #aa5050 | rgb(170, 80, 80) | hsl(0, 36%, 49%) | |
15 | #aa6650 | rgb(170, 102, 80) | hsl(15, 36%, 49%) | |
25 | #a9754f | rgb(169, 117, 79) | hsl(25, 36%, 49%) | |
30 | #aa7d50 | rgb(170, 125, 80) | hsl(30, 36%, 49%) | |
45 | #aa9350 | rgb(170, 147, 80) | hsl(45, 36%, 49%) | |
60 | #aaaa50 | rgb(170, 170, 80) | hsl(60, 36%, 49%) | |
75 | #93aa50 | rgb(147, 170, 80) | hsl(75, 36%, 49%) | |
90 | #7daa50 | rgb(125, 170, 80) | hsl(90, 36%, 49%) | |
105 | #66aa50 | rgb(102, 170, 80) | hsl(105, 36%, 49%) | |
120 | #50aa50 | rgb(80, 170, 80) | hsl(120, 36%, 49%) | |
135 | #50aa66 | rgb(80, 170, 102) | hsl(135, 36%, 49%) | |
150 | #50aa7d | rgb(80, 170, 125) | hsl(150, 36%, 49%) | |
165 | #50aa93 | rgb(80, 170, 147) | hsl(165, 36%, 49%) | |
180 | #50aaaa | rgb(80, 170, 170) | hsl(180, 36%, 49%) | |
195 | #5093aa | rgb(80, 147, 170) | hsl(195, 36%, 49%) | |
210 | #507daa | rgb(80, 125, 170) | hsl(210, 36%, 49%) | |
225 | #5066aa | rgb(80, 102, 170) | hsl(225, 36%, 49%) | |
240 | #5050aa | rgb(80, 80, 170) | hsl(240, 36%, 49%) | |
255 | #6650aa | rgb(102, 80, 170) | hsl(255, 36%, 49%) | |
270 | #7d50aa | rgb(125, 80, 170) | hsl(270, 36%, 49%) | |
285 | #9350aa | rgb(147, 80, 170) | hsl(285, 36%, 49%) | |
300 | #aa50aa | rgb(170, 80, 170) | hsl(300, 36%, 49%) | |
315 | #aa5093 | rgb(170, 80, 147) | hsl(315, 36%, 49%) | |
330 | #aa507d | rgb(170, 80, 125) | hsl(330, 36%, 49%) | |
345 | #aa5066 | rgb(170, 80, 102) | hsl(345, 36%, 49%) | |
360 | #aa5050 | rgb(170, 80, 80) | hsl(0, 36%, 49%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #fa6800 | rgb(250, 104, 0) | hsl(25, 100%, 49%) | |
95% | #f46906 | rgb(244, 105, 6) | hsl(25, 95%, 49%) | |
90% | #ed6a0c | rgb(237, 106, 12) | hsl(25, 90%, 49%) | |
85% | #e76b13 | rgb(231, 107, 19) | hsl(25, 85%, 49%) | |
80% | #e16c19 | rgb(225, 108, 25) | hsl(25, 80%, 49%) | |
75% | #db6d1f | rgb(219, 109, 31) | hsl(25, 75%, 49%) | |
70% | #d46e25 | rgb(212, 110, 37) | hsl(25, 70%, 49%) | |
65% | #ce6f2c | rgb(206, 111, 44) | hsl(25, 65%, 49%) | |
60% | #c87032 | rgb(200, 112, 50) | hsl(25, 60%, 49%) | |
55% | #c27138 | rgb(194, 113, 56) | hsl(25, 55%, 49%) | |
50% | #bb733e | rgb(187, 115, 62) | hsl(25, 50%, 49%) | |
45% | #b57445 | rgb(181, 116, 69) | hsl(25, 45%, 49%) | |
40% | #af754b | rgb(175, 117, 75) | hsl(25, 40%, 49%) | |
36% | #a9754f | rgb(169, 117, 79) | hsl(25, 36%, 49%) | |
35% | #a97651 | rgb(169, 118, 81) | hsl(25, 35%, 49%) | |
30% | #a27757 | rgb(162, 119, 87) | hsl(25, 30%, 49%) | |
25% | #9c785e | rgb(156, 120, 94) | hsl(25, 25%, 49%) | |
20% | #967964 | rgb(150, 121, 100) | hsl(25, 20%, 49%) | |
15% | #907a6a | rgb(144, 122, 106) | hsl(25, 15%, 49%) | |
10% | #897b70 | rgb(137, 123, 112) | hsl(25, 10%, 49%) | |
5% | #837c77 | rgb(131, 124, 119) | hsl(25, 5%, 49%) | |
0% | #7d7d7d | rgb(125, 125, 125) | hsl(25, 0%, 49%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(25, 36%, 100%) | |
95% | #f7f1ee | rgb(247, 241, 238) | hsl(25, 36%, 95%) | |
90% | #efe4dc | rgb(239, 228, 220) | hsl(25, 36%, 90%) | |
85% | #e7d6cb | rgb(231, 214, 203) | hsl(25, 36%, 85%) | |
80% | #dec9ba | rgb(222, 201, 186) | hsl(25, 36%, 80%) | |
75% | #d6bba8 | rgb(214, 187, 168) | hsl(25, 36%, 75%) | |
70% | #ceae97 | rgb(206, 174, 151) | hsl(25, 36%, 70%) | |
65% | #c6a086 | rgb(198, 160, 134) | hsl(25, 36%, 65%) | |
60% | #be9374 | rgb(190, 147, 116) | hsl(25, 36%, 60%) | |
55% | #b68563 | rgb(182, 133, 99) | hsl(25, 36%, 55%) | |
50% | #ad7852 | rgb(173, 120, 82) | hsl(25, 36%, 50%) | |
49% | #a9754f | rgb(169, 117, 79) | hsl(25, 36%, 49%) | |
45% | #9c6c49 | rgb(156, 108, 73) | hsl(25, 36%, 45%) | |
40% | #8b6041 | rgb(139, 96, 65) | hsl(25, 36%, 40%) | |
35% | #795439 | rgb(121, 84, 57) | hsl(25, 36%, 35%) | |
30% | #684831 | rgb(104, 72, 49) | hsl(25, 36%, 30%) | |
25% | #573c29 | rgb(87, 60, 41) | hsl(25, 36%, 25%) | |
20% | #453021 | rgb(69, 48, 33) | hsl(25, 36%, 20%) | |
15% | #342418 | rgb(52, 36, 24) | hsl(25, 36%, 15%) | |
10% | #231810 | rgb(35, 24, 16) | hsl(25, 36%, 10%) | |
5% | #110c08 | rgb(17, 12, 8) | hsl(25, 36%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(25, 36%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
169 | 117 | 79 |
rgb(169, 117, 79)
#a9754f
#a9754f