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
DarkGoldenRod
#b8860b
rgb(184, 134, 11)
hsl(43, 89%, 38%)
Lighter / Darker:
100% | #ffffff | |
95% | #fef7e7 | |
90% | #fcefcf | |
85% | #fbe8b7 | |
80% | #f9e09f | |
75% | #f8d887 | |
70% | #f7d06e | |
65% | #f5c856 | |
60% | #f4c03e | |
55% | #f2b926 | |
50% | #f1b10e | |
45% | #d99f0d | |
40% | #c18d0b | |
38% | #b8860b | |
35% | #a97c0a | |
30% | #916a08 | |
25% | #785807 | |
20% | #604706 | |
15% | #483504 | |
10% | #302303 | |
5% | #181201 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #b70b0b | rgb(183, 11, 11) | hsl(0, 89%, 38%) | |
15 | #b7360b | rgb(183, 54, 11) | hsl(15, 89%, 38%) | |
30 | #b7610b | rgb(183, 97, 11) | hsl(30, 89%, 38%) | |
43 | #b8860b | rgb(184, 134, 11) | hsl(43, 89%, 38%) | |
45 | #b78c0b | rgb(183, 140, 11) | hsl(45, 89%, 38%) | |
60 | #b7b70b | rgb(183, 183, 11) | hsl(60, 89%, 38%) | |
75 | #8cb70b | rgb(140, 183, 11) | hsl(75, 89%, 38%) | |
90 | #61b70b | rgb(97, 183, 11) | hsl(90, 89%, 38%) | |
105 | #36b70b | rgb(54, 183, 11) | hsl(105, 89%, 38%) | |
120 | #0bb70b | rgb(11, 183, 11) | hsl(120, 89%, 38%) | |
135 | #0bb736 | rgb(11, 183, 54) | hsl(135, 89%, 38%) | |
150 | #0bb761 | rgb(11, 183, 97) | hsl(150, 89%, 38%) | |
165 | #0bb78c | rgb(11, 183, 140) | hsl(165, 89%, 38%) | |
180 | #0bb7b7 | rgb(11, 183, 183) | hsl(180, 89%, 38%) | |
195 | #0b8cb7 | rgb(11, 140, 183) | hsl(195, 89%, 38%) | |
210 | #0b61b7 | rgb(11, 97, 183) | hsl(210, 89%, 38%) | |
225 | #0b36b7 | rgb(11, 54, 183) | hsl(225, 89%, 38%) | |
240 | #0b0bb7 | rgb(11, 11, 183) | hsl(240, 89%, 38%) | |
255 | #360bb7 | rgb(54, 11, 183) | hsl(255, 89%, 38%) | |
270 | #610bb7 | rgb(97, 11, 183) | hsl(270, 89%, 38%) | |
285 | #8c0bb7 | rgb(140, 11, 183) | hsl(285, 89%, 38%) | |
300 | #b70bb7 | rgb(183, 11, 183) | hsl(300, 89%, 38%) | |
315 | #b70b8c | rgb(183, 11, 140) | hsl(315, 89%, 38%) | |
330 | #b70b61 | rgb(183, 11, 97) | hsl(330, 89%, 38%) | |
345 | #b70b36 | rgb(183, 11, 54) | hsl(345, 89%, 38%) | |
360 | #b70b0b | rgb(183, 11, 11) | hsl(0, 89%, 38%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #c28b00 | rgb(194, 139, 0) | hsl(43, 100%, 38%) | |
95% | #bd8905 | rgb(189, 137, 5) | hsl(43, 95%, 38%) | |
90% | #b8870a | rgb(184, 135, 10) | hsl(43, 90%, 38%) | |
89% | #b8860b | rgb(184, 134, 11) | hsl(43, 89%, 38%) | |
85% | #b3850f | rgb(179, 133, 15) | hsl(43, 85%, 38%) | |
80% | #ae8213 | rgb(174, 130, 19) | hsl(43, 80%, 38%) | |
75% | #aa8018 | rgb(170, 128, 24) | hsl(43, 75%, 38%) | |
70% | #a57e1d | rgb(165, 126, 29) | hsl(43, 70%, 38%) | |
65% | #a07c22 | rgb(160, 124, 34) | hsl(43, 65%, 38%) | |
60% | #9b7a27 | rgb(155, 122, 39) | hsl(43, 60%, 38%) | |
55% | #96782c | rgb(150, 120, 44) | hsl(43, 55%, 38%) | |
50% | #917630 | rgb(145, 118, 48) | hsl(43, 50%, 38%) | |
45% | #8d7435 | rgb(141, 116, 53) | hsl(43, 45%, 38%) | |
40% | #88723a | rgb(136, 114, 58) | hsl(43, 40%, 38%) | |
35% | #83703f | rgb(131, 112, 63) | hsl(43, 35%, 38%) | |
30% | #7e6d44 | rgb(126, 109, 68) | hsl(43, 30%, 38%) | |
25% | #796b49 | rgb(121, 107, 73) | hsl(43, 25%, 38%) | |
20% | #74694e | rgb(116, 105, 78) | hsl(43, 20%, 38%) | |
15% | #6f6752 | rgb(111, 103, 82) | hsl(43, 15%, 38%) | |
10% | #6b6557 | rgb(107, 101, 87) | hsl(43, 10%, 38%) | |
5% | #66635c | rgb(102, 99, 92) | hsl(43, 5%, 38%) | |
0% | #616161 | rgb(97, 97, 97) | hsl(43, 0%, 38%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(43, 89%, 100%) | |
95% | #fef7e7 | rgb(254, 247, 231) | hsl(43, 89%, 95%) | |
90% | #fcefcf | rgb(252, 239, 207) | hsl(43, 89%, 90%) | |
85% | #fbe8b7 | rgb(251, 232, 183) | hsl(43, 89%, 85%) | |
80% | #f9e09f | rgb(249, 224, 159) | hsl(43, 89%, 80%) | |
75% | #f8d887 | rgb(248, 216, 135) | hsl(43, 89%, 75%) | |
70% | #f7d06e | rgb(247, 208, 110) | hsl(43, 89%, 70%) | |
65% | #f5c856 | rgb(245, 200, 86) | hsl(43, 89%, 65%) | |
60% | #f4c03e | rgb(244, 192, 62) | hsl(43, 89%, 60%) | |
55% | #f2b926 | rgb(242, 185, 38) | hsl(43, 89%, 55%) | |
50% | #f1b10e | rgb(241, 177, 14) | hsl(43, 89%, 50%) | |
45% | #d99f0d | rgb(217, 159, 13) | hsl(43, 89%, 45%) | |
40% | #c18d0b | rgb(193, 141, 11) | hsl(43, 89%, 40%) | |
38% | #b8860b | rgb(184, 134, 11) | hsl(43, 89%, 38%) | |
35% | #a97c0a | rgb(169, 124, 10) | hsl(43, 89%, 35%) | |
30% | #916a08 | rgb(145, 106, 8) | hsl(43, 89%, 30%) | |
25% | #785807 | rgb(120, 88, 7) | hsl(43, 89%, 25%) | |
20% | #604706 | rgb(96, 71, 6) | hsl(43, 89%, 20%) | |
15% | #483504 | rgb(72, 53, 4) | hsl(43, 89%, 15%) | |
10% | #302303 | rgb(48, 35, 3) | hsl(43, 89%, 10%) | |
5% | #181201 | rgb(24, 18, 1) | hsl(43, 89%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(43, 89%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
184 | 134 | 11 |
rgb(184, 134, 11)
#b8860b
#b8860b