HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#b18f6a
rgb(177, 143, 106)
hsl(31, 31%, 55%)
Lighter / Darker:
100% | #ffffff | |
95% | #f6f2ee | |
90% | #ede6de | |
85% | #e5d9cd | |
80% | #dccdbc | |
75% | #d3c0ab | |
70% | #cab39b | |
65% | #c1a78a | |
60% | #b99a79 | |
55% | #b18f6a | |
50% | #a78158 | |
45% | #96744f | |
40% | #866746 | |
35% | #755a3e | |
30% | #644d35 | |
25% | #54402c | |
20% | #433423 | |
15% | #32271a | |
10% | #211a12 | |
5% | #110d09 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #b06969 | rgb(176, 105, 105) | hsl(0, 31%, 55%) | |
15 | #b07a69 | rgb(176, 122, 105) | hsl(15, 31%, 55%) | |
30 | #b08c69 | rgb(176, 140, 105) | hsl(30, 31%, 55%) | |
31 | #b18f6a | rgb(177, 143, 106) | hsl(31, 31%, 55%) | |
45 | #b09e69 | rgb(176, 158, 105) | hsl(45, 31%, 55%) | |
60 | #b0b069 | rgb(176, 176, 105) | hsl(60, 31%, 55%) | |
75 | #9eb069 | rgb(158, 176, 105) | hsl(75, 31%, 55%) | |
90 | #8cb069 | rgb(140, 176, 105) | hsl(90, 31%, 55%) | |
105 | #7ab069 | rgb(122, 176, 105) | hsl(105, 31%, 55%) | |
120 | #69b069 | rgb(105, 176, 105) | hsl(120, 31%, 55%) | |
135 | #69b07a | rgb(105, 176, 122) | hsl(135, 31%, 55%) | |
150 | #69b08c | rgb(105, 176, 140) | hsl(150, 31%, 55%) | |
165 | #69b09e | rgb(105, 176, 158) | hsl(165, 31%, 55%) | |
180 | #69b0b0 | rgb(105, 176, 176) | hsl(180, 31%, 55%) | |
195 | #699eb0 | rgb(105, 158, 176) | hsl(195, 31%, 55%) | |
210 | #698cb0 | rgb(105, 140, 176) | hsl(210, 31%, 55%) | |
225 | #697ab0 | rgb(105, 122, 176) | hsl(225, 31%, 55%) | |
240 | #6969b0 | rgb(105, 105, 176) | hsl(240, 31%, 55%) | |
255 | #7a69b0 | rgb(122, 105, 176) | hsl(255, 31%, 55%) | |
270 | #8c69b0 | rgb(140, 105, 176) | hsl(270, 31%, 55%) | |
285 | #9e69b0 | rgb(158, 105, 176) | hsl(285, 31%, 55%) | |
300 | #b069b0 | rgb(176, 105, 176) | hsl(300, 31%, 55%) | |
315 | #b0699e | rgb(176, 105, 158) | hsl(315, 31%, 55%) | |
330 | #b0698c | rgb(176, 105, 140) | hsl(330, 31%, 55%) | |
345 | #b0697a | rgb(176, 105, 122) | hsl(345, 31%, 55%) | |
360 | #b06969 | rgb(176, 105, 105) | hsl(0, 31%, 55%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff901a | rgb(255, 144, 26) | hsl(31, 100%, 55%) | |
95% | #f9901f | rgb(249, 144, 31) | hsl(31, 95%, 55%) | |
90% | #f49025 | rgb(244, 144, 37) | hsl(31, 90%, 55%) | |
85% | #ee902b | rgb(238, 144, 43) | hsl(31, 85%, 55%) | |
80% | #e88f30 | rgb(232, 143, 48) | hsl(31, 80%, 55%) | |
75% | #e28f36 | rgb(226, 143, 54) | hsl(31, 75%, 55%) | |
70% | #dd8f3c | rgb(221, 143, 60) | hsl(31, 70%, 55%) | |
65% | #d78f42 | rgb(215, 143, 66) | hsl(31, 65%, 55%) | |
60% | #d18f47 | rgb(209, 143, 71) | hsl(31, 60%, 55%) | |
55% | #cb8e4d | rgb(203, 142, 77) | hsl(31, 55%, 55%) | |
50% | #c68e53 | rgb(198, 142, 83) | hsl(31, 50%, 55%) | |
45% | #c08e59 | rgb(192, 142, 89) | hsl(31, 45%, 55%) | |
40% | #ba8e5e | rgb(186, 142, 94) | hsl(31, 40%, 55%) | |
35% | #b48e64 | rgb(180, 142, 100) | hsl(31, 35%, 55%) | |
31% | #b18f6a | rgb(177, 143, 106) | hsl(31, 31%, 55%) | |
30% | #af8d6a | rgb(175, 141, 106) | hsl(31, 30%, 55%) | |
25% | #a98d70 | rgb(169, 141, 112) | hsl(31, 25%, 55%) | |
20% | #a38d75 | rgb(163, 141, 117) | hsl(31, 20%, 55%) | |
15% | #9d8d7b | rgb(157, 141, 123) | hsl(31, 15%, 55%) | |
10% | #988d81 | rgb(152, 141, 129) | hsl(31, 10%, 55%) | |
5% | #928c87 | rgb(146, 140, 135) | hsl(31, 5%, 55%) | |
0% | #8c8c8c | rgb(140, 140, 140) | hsl(31, 0%, 55%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(31, 31%, 100%) | |
95% | #f6f2ee | rgb(246, 242, 238) | hsl(31, 31%, 95%) | |
90% | #ede6de | rgb(237, 230, 222) | hsl(31, 31%, 90%) | |
85% | #e5d9cd | rgb(229, 217, 205) | hsl(31, 31%, 85%) | |
80% | #dccdbc | rgb(220, 205, 188) | hsl(31, 31%, 80%) | |
75% | #d3c0ab | rgb(211, 192, 171) | hsl(31, 31%, 75%) | |
70% | #cab39b | rgb(202, 179, 155) | hsl(31, 31%, 70%) | |
65% | #c1a78a | rgb(193, 167, 138) | hsl(31, 31%, 65%) | |
60% | #b99a79 | rgb(185, 154, 121) | hsl(31, 31%, 60%) | |
55% | #b18f6a | rgb(177, 143, 106) | hsl(31, 31%, 55%) | |
50% | #a78158 | rgb(167, 129, 88) | hsl(31, 31%, 50%) | |
45% | #96744f | rgb(150, 116, 79) | hsl(31, 31%, 45%) | |
40% | #866746 | rgb(134, 103, 70) | hsl(31, 31%, 40%) | |
35% | #755a3e | rgb(117, 90, 62) | hsl(31, 31%, 35%) | |
30% | #644d35 | rgb(100, 77, 53) | hsl(31, 31%, 30%) | |
25% | #54402c | rgb(84, 64, 44) | hsl(31, 31%, 25%) | |
20% | #433423 | rgb(67, 52, 35) | hsl(31, 31%, 20%) | |
15% | #32271a | rgb(50, 39, 26) | hsl(31, 31%, 15%) | |
10% | #211a12 | rgb(33, 26, 18) | hsl(31, 31%, 10%) | |
5% | #110d09 | rgb(17, 13, 9) | hsl(31, 31%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(31, 31%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
177 | 143 | 106 |
rgb(177, 143, 106)
#b18f6a
#b18f6a