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
Tan
#d2b48c
rgb(210, 180, 140)
hsl(34, 44%, 69%)
Lighter / Darker:
100% | #ffffff | |
95% | #f8f3ed | |
90% | #f1e7da | |
85% | #eadbc8 | |
80% | #e2cfb6 | |
75% | #dbc3a3 | |
70% | #d4b791 | |
69% | #d2b48c | |
65% | #cdab7e | |
60% | #c69f6c | |
55% | #bf935a | |
50% | #b88747 | |
45% | #a57940 | |
40% | #936c39 | |
35% | #815e32 | |
30% | #6e512b | |
25% | #5c4324 | |
20% | #49361d | |
15% | #372815 | |
10% | #251b0e | |
5% | #120d07 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d38d8d | rgb(211, 141, 141) | hsl(0, 44%, 69%) | |
15 | #d39f8d | rgb(211, 159, 141) | hsl(15, 44%, 69%) | |
30 | #d3b08d | rgb(211, 176, 141) | hsl(30, 44%, 69%) | |
34 | #d2b48c | rgb(210, 180, 140) | hsl(34, 44%, 69%) | |
45 | #d3c18d | rgb(211, 193, 141) | hsl(45, 44%, 69%) | |
60 | #d3d38d | rgb(211, 211, 141) | hsl(60, 44%, 69%) | |
75 | #c1d38d | rgb(193, 211, 141) | hsl(75, 44%, 69%) | |
90 | #b0d38d | rgb(176, 211, 141) | hsl(90, 44%, 69%) | |
105 | #9fd38d | rgb(159, 211, 141) | hsl(105, 44%, 69%) | |
120 | #8dd38d | rgb(141, 211, 141) | hsl(120, 44%, 69%) | |
135 | #8dd39f | rgb(141, 211, 159) | hsl(135, 44%, 69%) | |
150 | #8dd3b0 | rgb(141, 211, 176) | hsl(150, 44%, 69%) | |
165 | #8dd3c1 | rgb(141, 211, 193) | hsl(165, 44%, 69%) | |
180 | #8dd3d3 | rgb(141, 211, 211) | hsl(180, 44%, 69%) | |
195 | #8dc1d3 | rgb(141, 193, 211) | hsl(195, 44%, 69%) | |
210 | #8db0d3 | rgb(141, 176, 211) | hsl(210, 44%, 69%) | |
225 | #8d9fd3 | rgb(141, 159, 211) | hsl(225, 44%, 69%) | |
240 | #8d8dd3 | rgb(141, 141, 211) | hsl(240, 44%, 69%) | |
255 | #9f8dd3 | rgb(159, 141, 211) | hsl(255, 44%, 69%) | |
270 | #b08dd3 | rgb(176, 141, 211) | hsl(270, 44%, 69%) | |
285 | #c18dd3 | rgb(193, 141, 211) | hsl(285, 44%, 69%) | |
300 | #d38dd3 | rgb(211, 141, 211) | hsl(300, 44%, 69%) | |
315 | #d38dc1 | rgb(211, 141, 193) | hsl(315, 44%, 69%) | |
330 | #d38db0 | rgb(211, 141, 176) | hsl(330, 44%, 69%) | |
345 | #d38d9f | rgb(211, 141, 159) | hsl(345, 44%, 69%) | |
360 | #d38d8d | rgb(211, 141, 141) | hsl(0, 44%, 69%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffba61 | rgb(255, 186, 97) | hsl(34, 100%, 69%) | |
95% | #fbba65 | rgb(251, 186, 101) | hsl(34, 95%, 69%) | |
90% | #f7b969 | rgb(247, 185, 105) | hsl(34, 90%, 69%) | |
85% | #f3b96d | rgb(243, 185, 109) | hsl(34, 85%, 69%) | |
80% | #efb871 | rgb(239, 184, 113) | hsl(34, 80%, 69%) | |
75% | #ebb875 | rgb(235, 184, 117) | hsl(34, 75%, 69%) | |
70% | #e7b779 | rgb(231, 183, 121) | hsl(34, 70%, 69%) | |
65% | #e3b77d | rgb(227, 183, 125) | hsl(34, 65%, 69%) | |
60% | #dfb681 | rgb(223, 182, 129) | hsl(34, 60%, 69%) | |
55% | #dbb684 | rgb(219, 182, 132) | hsl(34, 55%, 69%) | |
50% | #d7b588 | rgb(215, 181, 136) | hsl(34, 50%, 69%) | |
45% | #d4b58c | rgb(212, 181, 140) | hsl(34, 45%, 69%) | |
44% | #d2b48c | rgb(210, 180, 140) | hsl(34, 44%, 69%) | |
40% | #d0b490 | rgb(208, 180, 144) | hsl(34, 40%, 69%) | |
35% | #ccb494 | rgb(204, 180, 148) | hsl(34, 35%, 69%) | |
30% | #c8b398 | rgb(200, 179, 152) | hsl(34, 30%, 69%) | |
25% | #c4b39c | rgb(196, 179, 156) | hsl(34, 25%, 69%) | |
20% | #c0b2a0 | rgb(192, 178, 160) | hsl(34, 20%, 69%) | |
15% | #bcb2a4 | rgb(188, 178, 164) | hsl(34, 15%, 69%) | |
10% | #b8b1a8 | rgb(184, 177, 168) | hsl(34, 10%, 69%) | |
5% | #b4b0ac | rgb(180, 176, 172) | hsl(34, 5%, 69%) | |
0% | #b0b0b0 | rgb(176, 176, 176) | hsl(34, 0%, 69%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(34, 44%, 100%) | |
95% | #f8f3ed | rgb(248, 243, 237) | hsl(34, 44%, 95%) | |
90% | #f1e7da | rgb(241, 231, 218) | hsl(34, 44%, 90%) | |
85% | #eadbc8 | rgb(234, 219, 200) | hsl(34, 44%, 85%) | |
80% | #e2cfb6 | rgb(226, 207, 182) | hsl(34, 44%, 80%) | |
75% | #dbc3a3 | rgb(219, 195, 163) | hsl(34, 44%, 75%) | |
70% | #d4b791 | rgb(212, 183, 145) | hsl(34, 44%, 70%) | |
69% | #d2b48c | rgb(210, 180, 140) | hsl(34, 44%, 69%) | |
65% | #cdab7e | rgb(205, 171, 126) | hsl(34, 44%, 65%) | |
60% | #c69f6c | rgb(198, 159, 108) | hsl(34, 44%, 60%) | |
55% | #bf935a | rgb(191, 147, 90) | hsl(34, 44%, 55%) | |
50% | #b88747 | rgb(184, 135, 71) | hsl(34, 44%, 50%) | |
45% | #a57940 | rgb(165, 121, 64) | hsl(34, 44%, 45%) | |
40% | #936c39 | rgb(147, 108, 57) | hsl(34, 44%, 40%) | |
35% | #815e32 | rgb(129, 94, 50) | hsl(34, 44%, 35%) | |
30% | #6e512b | rgb(110, 81, 43) | hsl(34, 44%, 30%) | |
25% | #5c4324 | rgb(92, 67, 36) | hsl(34, 44%, 25%) | |
20% | #49361d | rgb(73, 54, 29) | hsl(34, 44%, 20%) | |
15% | #372815 | rgb(55, 40, 21) | hsl(34, 44%, 15%) | |
10% | #251b0e | rgb(37, 27, 14) | hsl(34, 44%, 10%) | |
5% | #120d07 | rgb(18, 13, 7) | hsl(34, 44%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(34, 44%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
210 | 180 | 140 |
rgb(210, 180, 140)
#d2b48c
#d2b48c