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
