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
Chocolate
#d2691e
rgb(210, 105, 30)
hsl(25, 75%, 47%)
Lighter / Darker:
100% | #ffffff | |
95% | #fcf1e9 | |
90% | #f9e2d2 | |
85% | #f5d4bc | |
80% | #f2c6a6 | |
75% | #efb78f | |
70% | #eca979 | |
65% | #e99b63 | |
60% | #e68c4d | |
55% | #e27e36 | |
50% | #df7020 | |
47% | #d2691e | |
45% | #c9641d | |
40% | #b35919 | |
35% | #9c4e16 | |
30% | #864313 | |
25% | #703810 | |
20% | #592d0d | |
15% | #43210a | |
10% | #2d1606 | |
5% | #160b03 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d21e1e | rgb(210, 30, 30) | hsl(0, 75%, 47%) | |
15 | #d24b1e | rgb(210, 75, 30) | hsl(15, 75%, 47%) | |
25 | #d2691e | rgb(210, 105, 30) | hsl(25, 75%, 47%) | |
30 | #d2781e | rgb(210, 120, 30) | hsl(30, 75%, 47%) | |
45 | #d2a51e | rgb(210, 165, 30) | hsl(45, 75%, 47%) | |
60 | #d2d21e | rgb(210, 210, 30) | hsl(60, 75%, 47%) | |
75 | #a5d21e | rgb(165, 210, 30) | hsl(75, 75%, 47%) | |
90 | #78d21e | rgb(120, 210, 30) | hsl(90, 75%, 47%) | |
105 | #4bd21e | rgb(75, 210, 30) | hsl(105, 75%, 47%) | |
120 | #1ed21e | rgb(30, 210, 30) | hsl(120, 75%, 47%) | |
135 | #1ed24b | rgb(30, 210, 75) | hsl(135, 75%, 47%) | |
150 | #1ed278 | rgb(30, 210, 120) | hsl(150, 75%, 47%) | |
165 | #1ed2a5 | rgb(30, 210, 165) | hsl(165, 75%, 47%) | |
180 | #1ed2d2 | rgb(30, 210, 210) | hsl(180, 75%, 47%) | |
195 | #1ea5d2 | rgb(30, 165, 210) | hsl(195, 75%, 47%) | |
210 | #1e78d2 | rgb(30, 120, 210) | hsl(210, 75%, 47%) | |
225 | #1e4bd2 | rgb(30, 75, 210) | hsl(225, 75%, 47%) | |
240 | #1e1ed2 | rgb(30, 30, 210) | hsl(240, 75%, 47%) | |
255 | #4b1ed2 | rgb(75, 30, 210) | hsl(255, 75%, 47%) | |
270 | #781ed2 | rgb(120, 30, 210) | hsl(270, 75%, 47%) | |
285 | #a51ed2 | rgb(165, 30, 210) | hsl(285, 75%, 47%) | |
300 | #d21ed2 | rgb(210, 30, 210) | hsl(300, 75%, 47%) | |
315 | #d21ea5 | rgb(210, 30, 165) | hsl(315, 75%, 47%) | |
330 | #d21e78 | rgb(210, 30, 120) | hsl(330, 75%, 47%) | |
345 | #d21e4b | rgb(210, 30, 75) | hsl(345, 75%, 47%) | |
360 | #d21e1e | rgb(210, 30, 30) | hsl(0, 75%, 47%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #f06400 | rgb(240, 100, 0) | hsl(25, 100%, 47%) | |
95% | #ea6506 | rgb(234, 101, 6) | hsl(25, 95%, 47%) | |
90% | #e4660c | rgb(228, 102, 12) | hsl(25, 90%, 47%) | |
85% | #de6712 | rgb(222, 103, 18) | hsl(25, 85%, 47%) | |
80% | #d86818 | rgb(216, 104, 24) | hsl(25, 80%, 47%) | |
75% | #d2691e | rgb(210, 105, 30) | hsl(25, 75%, 47%) | |
70% | #cc6a24 | rgb(204, 106, 36) | hsl(25, 70%, 47%) | |
65% | #c66b2a | rgb(198, 107, 42) | hsl(25, 65%, 47%) | |
60% | #c06c30 | rgb(192, 108, 48) | hsl(25, 60%, 47%) | |
55% | #ba6d36 | rgb(186, 109, 54) | hsl(25, 55%, 47%) | |
50% | #b46e3c | rgb(180, 110, 60) | hsl(25, 50%, 47%) | |
45% | #ae6f42 | rgb(174, 111, 66) | hsl(25, 45%, 47%) | |
40% | #a87048 | rgb(168, 112, 72) | hsl(25, 40%, 47%) | |
35% | #a2714e | rgb(162, 113, 78) | hsl(25, 35%, 47%) | |
30% | #9c7254 | rgb(156, 114, 84) | hsl(25, 30%, 47%) | |
25% | #96735a | rgb(150, 115, 90) | hsl(25, 25%, 47%) | |
20% | #907460 | rgb(144, 116, 96) | hsl(25, 20%, 47%) | |
15% | #8a7566 | rgb(138, 117, 102) | hsl(25, 15%, 47%) | |
10% | #84766c | rgb(132, 118, 108) | hsl(25, 10%, 47%) | |
5% | #7e7772 | rgb(126, 119, 114) | hsl(25, 5%, 47%) | |
0% | #787878 | rgb(120, 120, 120) | hsl(25, 0%, 47%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(25, 75%, 100%) | |
95% | #fcf1e9 | rgb(252, 241, 233) | hsl(25, 75%, 95%) | |
90% | #f9e2d2 | rgb(249, 226, 210) | hsl(25, 75%, 90%) | |
85% | #f5d4bc | rgb(245, 212, 188) | hsl(25, 75%, 85%) | |
80% | #f2c6a6 | rgb(242, 198, 166) | hsl(25, 75%, 80%) | |
75% | #efb78f | rgb(239, 183, 143) | hsl(25, 75%, 75%) | |
70% | #eca979 | rgb(236, 169, 121) | hsl(25, 75%, 70%) | |
65% | #e99b63 | rgb(233, 155, 99) | hsl(25, 75%, 65%) | |
60% | #e68c4d | rgb(230, 140, 77) | hsl(25, 75%, 60%) | |
55% | #e27e36 | rgb(226, 126, 54) | hsl(25, 75%, 55%) | |
50% | #df7020 | rgb(223, 112, 32) | hsl(25, 75%, 50%) | |
47% | #d2691e | rgb(210, 105, 30) | hsl(25, 75%, 47%) | |
45% | #c9641d | rgb(201, 100, 29) | hsl(25, 75%, 45%) | |
40% | #b35919 | rgb(179, 89, 25) | hsl(25, 75%, 40%) | |
35% | #9c4e16 | rgb(156, 78, 22) | hsl(25, 75%, 35%) | |
30% | #864313 | rgb(134, 67, 19) | hsl(25, 75%, 30%) | |
25% | #703810 | rgb(112, 56, 16) | hsl(25, 75%, 25%) | |
20% | #592d0d | rgb(89, 45, 13) | hsl(25, 75%, 20%) | |
15% | #43210a | rgb(67, 33, 10) | hsl(25, 75%, 15%) | |
10% | #2d1606 | rgb(45, 22, 6) | hsl(25, 75%, 10%) | |
5% | #160b03 | rgb(22, 11, 3) | hsl(25, 75%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(25, 75%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
210 | 105 | 30 |
rgb(210, 105, 30)
#d2691e
#d2691e