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
GoldenRod
#daa520
rgb(218, 165, 32)
hsl(43, 74%, 49%)
Lighter / Darker:
100% | #ffffff | |
95% | #fcf6e9 | |
90% | #f8eed3 | |
85% | #f5e5bc | |
80% | #f2dca6 | |
75% | #eed490 | |
70% | #ebcb7a | |
65% | #e8c264 | |
60% | #e4ba4e | |
55% | #e1b137 | |
50% | #dea821 | |
49% | #daa520 | |
45% | #c8981e | |
40% | #b1871b | |
35% | #9b7617 | |
30% | #856514 | |
25% | #6f5411 | |
20% | #59430d | |
15% | #43330a | |
10% | #2c2207 | |
5% | #161103 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d92020 | rgb(217, 32, 32) | hsl(0, 74%, 49%) | |
15 | #d94f20 | rgb(217, 79, 32) | hsl(15, 74%, 49%) | |
30 | #d97d20 | rgb(217, 125, 32) | hsl(30, 74%, 49%) | |
43 | #daa520 | rgb(218, 165, 32) | hsl(43, 74%, 49%) | |
45 | #d9ab20 | rgb(217, 171, 32) | hsl(45, 74%, 49%) | |
60 | #d9d920 | rgb(217, 217, 32) | hsl(60, 74%, 49%) | |
75 | #abd920 | rgb(171, 217, 32) | hsl(75, 74%, 49%) | |
90 | #7dd920 | rgb(125, 217, 32) | hsl(90, 74%, 49%) | |
105 | #4fd920 | rgb(79, 217, 32) | hsl(105, 74%, 49%) | |
120 | #20d920 | rgb(32, 217, 32) | hsl(120, 74%, 49%) | |
135 | #20d94f | rgb(32, 217, 79) | hsl(135, 74%, 49%) | |
150 | #20d97d | rgb(32, 217, 125) | hsl(150, 74%, 49%) | |
165 | #20d9ab | rgb(32, 217, 171) | hsl(165, 74%, 49%) | |
180 | #20d9d9 | rgb(32, 217, 217) | hsl(180, 74%, 49%) | |
195 | #20abd9 | rgb(32, 171, 217) | hsl(195, 74%, 49%) | |
210 | #207dd9 | rgb(32, 125, 217) | hsl(210, 74%, 49%) | |
225 | #204fd9 | rgb(32, 79, 217) | hsl(225, 74%, 49%) | |
240 | #2020d9 | rgb(32, 32, 217) | hsl(240, 74%, 49%) | |
255 | #4f20d9 | rgb(79, 32, 217) | hsl(255, 74%, 49%) | |
270 | #7d20d9 | rgb(125, 32, 217) | hsl(270, 74%, 49%) | |
285 | #ab20d9 | rgb(171, 32, 217) | hsl(285, 74%, 49%) | |
300 | #d920d9 | rgb(217, 32, 217) | hsl(300, 74%, 49%) | |
315 | #d920ab | rgb(217, 32, 171) | hsl(315, 74%, 49%) | |
330 | #d9207d | rgb(217, 32, 125) | hsl(330, 74%, 49%) | |
345 | #d9204f | rgb(217, 32, 79) | hsl(345, 74%, 49%) | |
360 | #d92020 | rgb(217, 32, 32) | hsl(0, 74%, 49%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #fab300 | rgb(250, 179, 0) | hsl(43, 100%, 49%) | |
95% | #f4b006 | rgb(244, 176, 6) | hsl(43, 95%, 49%) | |
90% | #edae0c | rgb(237, 174, 12) | hsl(43, 90%, 49%) | |
85% | #e7ab13 | rgb(231, 171, 19) | hsl(43, 85%, 49%) | |
80% | #e1a819 | rgb(225, 168, 25) | hsl(43, 80%, 49%) | |
75% | #dba61f | rgb(219, 166, 31) | hsl(43, 75%, 49%) | |
74% | #daa520 | rgb(218, 165, 32) | hsl(43, 74%, 49%) | |
70% | #d4a325 | rgb(212, 163, 37) | hsl(43, 70%, 49%) | |
65% | #cea02c | rgb(206, 160, 44) | hsl(43, 65%, 49%) | |
60% | #c89d32 | rgb(200, 157, 50) | hsl(43, 60%, 49%) | |
55% | #c29b38 | rgb(194, 155, 56) | hsl(43, 55%, 49%) | |
50% | #bb983e | rgb(187, 152, 62) | hsl(43, 50%, 49%) | |
45% | #b59545 | rgb(181, 149, 69) | hsl(43, 45%, 49%) | |
40% | #af934b | rgb(175, 147, 75) | hsl(43, 40%, 49%) | |
35% | #a99051 | rgb(169, 144, 81) | hsl(43, 35%, 49%) | |
30% | #a28d57 | rgb(162, 141, 87) | hsl(43, 30%, 49%) | |
25% | #9c8a5e | rgb(156, 138, 94) | hsl(43, 25%, 49%) | |
20% | #968864 | rgb(150, 136, 100) | hsl(43, 20%, 49%) | |
15% | #90856a | rgb(144, 133, 106) | hsl(43, 15%, 49%) | |
10% | #898270 | rgb(137, 130, 112) | hsl(43, 10%, 49%) | |
5% | #838077 | rgb(131, 128, 119) | hsl(43, 5%, 49%) | |
0% | #7d7d7d | rgb(125, 125, 125) | hsl(43, 0%, 49%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(43, 74%, 100%) | |
95% | #fcf6e9 | rgb(252, 246, 233) | hsl(43, 74%, 95%) | |
90% | #f8eed3 | rgb(248, 238, 211) | hsl(43, 74%, 90%) | |
85% | #f5e5bc | rgb(245, 229, 188) | hsl(43, 74%, 85%) | |
80% | #f2dca6 | rgb(242, 220, 166) | hsl(43, 74%, 80%) | |
75% | #eed490 | rgb(238, 212, 144) | hsl(43, 74%, 75%) | |
70% | #ebcb7a | rgb(235, 203, 122) | hsl(43, 74%, 70%) | |
65% | #e8c264 | rgb(232, 194, 100) | hsl(43, 74%, 65%) | |
60% | #e4ba4e | rgb(228, 186, 78) | hsl(43, 74%, 60%) | |
55% | #e1b137 | rgb(225, 177, 55) | hsl(43, 74%, 55%) | |
50% | #dea821 | rgb(222, 168, 33) | hsl(43, 74%, 50%) | |
49% | #daa520 | rgb(218, 165, 32) | hsl(43, 74%, 49%) | |
45% | #c8981e | rgb(200, 152, 30) | hsl(43, 74%, 45%) | |
40% | #b1871b | rgb(177, 135, 27) | hsl(43, 74%, 40%) | |
35% | #9b7617 | rgb(155, 118, 23) | hsl(43, 74%, 35%) | |
30% | #856514 | rgb(133, 101, 20) | hsl(43, 74%, 30%) | |
25% | #6f5411 | rgb(111, 84, 17) | hsl(43, 74%, 25%) | |
20% | #59430d | rgb(89, 67, 13) | hsl(43, 74%, 20%) | |
15% | #43330a | rgb(67, 51, 10) | hsl(43, 74%, 15%) | |
10% | #2c2207 | rgb(44, 34, 7) | hsl(43, 74%, 10%) | |
5% | #161103 | rgb(22, 17, 3) | hsl(43, 74%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(43, 74%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
218 | 165 | 32 |
rgb(218, 165, 32)
#daa520
#daa520