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
SaddleBrown
#8b4513
rgb(139, 69, 19)
hsl(25, 76%, 31%)
Lighter / Darker:
100% | #ffffff | |
95% | #fcf1e9 | |
90% | #f9e2d2 | |
85% | #f6d4bc | |
80% | #f3c6a5 | |
75% | #f0b78f | |
70% | #eda978 | |
65% | #ea9a62 | |
60% | #e78c4b | |
55% | #e37e35 | |
50% | #e06f1f | |
45% | #ca641c | |
40% | #b45918 | |
35% | #9d4e15 | |
31% | #8b4513 | |
30% | #874312 | |
25% | #70380f | |
20% | #5a2d0c | |
15% | #432109 | |
10% | #2d1606 | |
5% | #160b03 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #8b1313 | rgb(139, 19, 19) | hsl(0, 76%, 31%) | |
15 | #8b3113 | rgb(139, 49, 19) | hsl(15, 76%, 31%) | |
25 | #8b4513 | rgb(139, 69, 19) | hsl(25, 76%, 31%) | |
30 | #8b4f13 | rgb(139, 79, 19) | hsl(30, 76%, 31%) | |
45 | #8b6d13 | rgb(139, 109, 19) | hsl(45, 76%, 31%) | |
60 | #8b8b13 | rgb(139, 139, 19) | hsl(60, 76%, 31%) | |
75 | #6d8b13 | rgb(109, 139, 19) | hsl(75, 76%, 31%) | |
90 | #4f8b13 | rgb(79, 139, 19) | hsl(90, 76%, 31%) | |
105 | #318b13 | rgb(49, 139, 19) | hsl(105, 76%, 31%) | |
120 | #138b13 | rgb(19, 139, 19) | hsl(120, 76%, 31%) | |
135 | #138b31 | rgb(19, 139, 49) | hsl(135, 76%, 31%) | |
150 | #138b4f | rgb(19, 139, 79) | hsl(150, 76%, 31%) | |
165 | #138b6d | rgb(19, 139, 109) | hsl(165, 76%, 31%) | |
180 | #138b8b | rgb(19, 139, 139) | hsl(180, 76%, 31%) | |
195 | #136d8b | rgb(19, 109, 139) | hsl(195, 76%, 31%) | |
210 | #134f8b | rgb(19, 79, 139) | hsl(210, 76%, 31%) | |
225 | #13318b | rgb(19, 49, 139) | hsl(225, 76%, 31%) | |
240 | #13138b | rgb(19, 19, 139) | hsl(240, 76%, 31%) | |
255 | #31138b | rgb(49, 19, 139) | hsl(255, 76%, 31%) | |
270 | #4f138b | rgb(79, 19, 139) | hsl(270, 76%, 31%) | |
285 | #6d138b | rgb(109, 19, 139) | hsl(285, 76%, 31%) | |
300 | #8b138b | rgb(139, 19, 139) | hsl(300, 76%, 31%) | |
315 | #8b136d | rgb(139, 19, 109) | hsl(315, 76%, 31%) | |
330 | #8b134f | rgb(139, 19, 79) | hsl(330, 76%, 31%) | |
345 | #8b1331 | rgb(139, 19, 49) | hsl(345, 76%, 31%) | |
360 | #8b1313 | rgb(139, 19, 19) | hsl(0, 76%, 31%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #9e4200 | rgb(158, 66, 0) | hsl(25, 100%, 31%) | |
95% | #9a4304 | rgb(154, 67, 4) | hsl(25, 95%, 31%) | |
90% | #964308 | rgb(150, 67, 8) | hsl(25, 90%, 31%) | |
85% | #92440c | rgb(146, 68, 12) | hsl(25, 85%, 31%) | |
80% | #8e4510 | rgb(142, 69, 16) | hsl(25, 80%, 31%) | |
76% | #8b4513 | rgb(139, 69, 19) | hsl(25, 76%, 31%) | |
75% | #8a4514 | rgb(138, 69, 20) | hsl(25, 75%, 31%) | |
70% | #864618 | rgb(134, 70, 24) | hsl(25, 70%, 31%) | |
65% | #82461c | rgb(130, 70, 28) | hsl(25, 65%, 31%) | |
60% | #7e4720 | rgb(126, 71, 32) | hsl(25, 60%, 31%) | |
55% | #7b4824 | rgb(123, 72, 36) | hsl(25, 55%, 31%) | |
50% | #774828 | rgb(119, 72, 40) | hsl(25, 50%, 31%) | |
45% | #73492b | rgb(115, 73, 43) | hsl(25, 45%, 31%) | |
40% | #6f4a2f | rgb(111, 74, 47) | hsl(25, 40%, 31%) | |
35% | #6b4a33 | rgb(107, 74, 51) | hsl(25, 35%, 31%) | |
30% | #674b37 | rgb(103, 75, 55) | hsl(25, 30%, 31%) | |
25% | #634c3b | rgb(99, 76, 59) | hsl(25, 25%, 31%) | |
20% | #5f4c3f | rgb(95, 76, 63) | hsl(25, 20%, 31%) | |
15% | #5b4d43 | rgb(91, 77, 67) | hsl(25, 15%, 31%) | |
10% | #574e47 | rgb(87, 78, 71) | hsl(25, 10%, 31%) | |
5% | #534e4b | rgb(83, 78, 75) | hsl(25, 5%, 31%) | |
0% | #4f4f4f | rgb(79, 79, 79) | hsl(25, 0%, 31%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(25, 76%, 100%) | |
95% | #fcf1e9 | rgb(252, 241, 233) | hsl(25, 76%, 95%) | |
90% | #f9e2d2 | rgb(249, 226, 210) | hsl(25, 76%, 90%) | |
85% | #f6d4bc | rgb(246, 212, 188) | hsl(25, 76%, 85%) | |
80% | #f3c6a5 | rgb(243, 198, 165) | hsl(25, 76%, 80%) | |
75% | #f0b78f | rgb(240, 183, 143) | hsl(25, 76%, 75%) | |
70% | #eda978 | rgb(237, 169, 120) | hsl(25, 76%, 70%) | |
65% | #ea9a62 | rgb(234, 154, 98) | hsl(25, 76%, 65%) | |
60% | #e78c4b | rgb(231, 140, 75) | hsl(25, 76%, 60%) | |
55% | #e37e35 | rgb(227, 126, 53) | hsl(25, 76%, 55%) | |
50% | #e06f1f | rgb(224, 111, 31) | hsl(25, 76%, 50%) | |
45% | #ca641c | rgb(202, 100, 28) | hsl(25, 76%, 45%) | |
40% | #b45918 | rgb(180, 89, 24) | hsl(25, 76%, 40%) | |
35% | #9d4e15 | rgb(157, 78, 21) | hsl(25, 76%, 35%) | |
31% | #8b4513 | rgb(139, 69, 19) | hsl(25, 76%, 31%) | |
30% | #874312 | rgb(135, 67, 18) | hsl(25, 76%, 30%) | |
25% | #70380f | rgb(112, 56, 15) | hsl(25, 76%, 25%) | |
20% | #5a2d0c | rgb(90, 45, 12) | hsl(25, 76%, 20%) | |
15% | #432109 | rgb(67, 33, 9) | hsl(25, 76%, 15%) | |
10% | #2d1606 | rgb(45, 22, 6) | hsl(25, 76%, 10%) | |
5% | #160b03 | rgb(22, 11, 3) | hsl(25, 76%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(25, 76%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
139 | 69 | 19 |
rgb(139, 69, 19)
#8b4513
#8b4513