HTML Color Picker
Pick a Color:
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
