HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#d8ae47
rgb(216, 174, 71)
hsl(43, 65%, 56%)
Lighter / Darker:
100% | #ffffff | |
95% | #fbf6ea | |
90% | #f6edd5 | |
85% | #f2e4c0 | |
80% | #eddaab | |
75% | #e9d196 | |
70% | #e4c881 | |
65% | #e0bf6c | |
60% | #dbb657 | |
56% | #d8ae47 | |
55% | #d7ad42 | |
50% | #d2a32d | |
45% | #bd9328 | |
40% | #a88324 | |
35% | #93721f | |
30% | #7e621b | |
25% | #695216 | |
20% | #544112 | |
15% | #3f310d | |
10% | #2a2109 | |
5% | #151004 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d84646 | rgb(216, 70, 70) | hsl(0, 65%, 56%) | |
15 | #d86a46 | rgb(216, 106, 70) | hsl(15, 65%, 56%) | |
30 | #d88f46 | rgb(216, 143, 70) | hsl(30, 65%, 56%) | |
43 | #d8ae47 | rgb(216, 174, 71) | hsl(43, 65%, 56%) | |
45 | #d8b346 | rgb(216, 179, 70) | hsl(45, 65%, 56%) | |
60 | #d8d846 | rgb(216, 216, 70) | hsl(60, 65%, 56%) | |
75 | #b3d846 | rgb(179, 216, 70) | hsl(75, 65%, 56%) | |
90 | #8fd846 | rgb(143, 216, 70) | hsl(90, 65%, 56%) | |
105 | #6ad846 | rgb(106, 216, 70) | hsl(105, 65%, 56%) | |
120 | #46d846 | rgb(70, 216, 70) | hsl(120, 65%, 56%) | |
135 | #46d86a | rgb(70, 216, 106) | hsl(135, 65%, 56%) | |
150 | #46d88f | rgb(70, 216, 143) | hsl(150, 65%, 56%) | |
165 | #46d8b3 | rgb(70, 216, 179) | hsl(165, 65%, 56%) | |
180 | #46d8d8 | rgb(70, 216, 216) | hsl(180, 65%, 56%) | |
195 | #46b3d8 | rgb(70, 179, 216) | hsl(195, 65%, 56%) | |
210 | #468fd8 | rgb(70, 143, 216) | hsl(210, 65%, 56%) | |
225 | #466ad8 | rgb(70, 106, 216) | hsl(225, 65%, 56%) | |
240 | #4646d8 | rgb(70, 70, 216) | hsl(240, 65%, 56%) | |
255 | #6a46d8 | rgb(106, 70, 216) | hsl(255, 65%, 56%) | |
270 | #8f46d8 | rgb(143, 70, 216) | hsl(270, 65%, 56%) | |
285 | #b346d8 | rgb(179, 70, 216) | hsl(285, 65%, 56%) | |
300 | #d846d8 | rgb(216, 70, 216) | hsl(300, 65%, 56%) | |
315 | #d846b3 | rgb(216, 70, 179) | hsl(315, 65%, 56%) | |
330 | #d8468f | rgb(216, 70, 143) | hsl(330, 65%, 56%) | |
345 | #d8466a | rgb(216, 70, 106) | hsl(345, 65%, 56%) | |
360 | #d84646 | rgb(216, 70, 70) | hsl(0, 65%, 56%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffbf1f | rgb(255, 191, 31) | hsl(43, 100%, 56%) | |
95% | #f9bd24 | rgb(249, 189, 36) | hsl(43, 95%, 56%) | |
90% | #f4bb2a | rgb(244, 187, 42) | hsl(43, 90%, 56%) | |
85% | #eeb82f | rgb(238, 184, 47) | hsl(43, 85%, 56%) | |
80% | #e9b635 | rgb(233, 182, 53) | hsl(43, 80%, 56%) | |
75% | #e3b33b | rgb(227, 179, 59) | hsl(43, 75%, 56%) | |
70% | #ddb140 | rgb(221, 177, 64) | hsl(43, 70%, 56%) | |
65% | #d8ae47 | rgb(216, 174, 71) | hsl(43, 65%, 56%) | |
60% | #d2ac4b | rgb(210, 172, 75) | hsl(43, 60%, 56%) | |
55% | #cdaa51 | rgb(205, 170, 81) | hsl(43, 55%, 56%) | |
50% | #c7a757 | rgb(199, 167, 87) | hsl(43, 50%, 56%) | |
45% | #c1a55c | rgb(193, 165, 92) | hsl(43, 45%, 56%) | |
40% | #bca262 | rgb(188, 162, 98) | hsl(43, 40%, 56%) | |
35% | #b6a068 | rgb(182, 160, 104) | hsl(43, 35%, 56%) | |
30% | #b09d6d | rgb(176, 157, 109) | hsl(43, 30%, 56%) | |
25% | #ab9b73 | rgb(171, 155, 115) | hsl(43, 25%, 56%) | |
20% | #a59978 | rgb(165, 153, 120) | hsl(43, 20%, 56%) | |
15% | #a0967e | rgb(160, 150, 126) | hsl(43, 15%, 56%) | |
10% | #9a9484 | rgb(154, 148, 132) | hsl(43, 10%, 56%) | |
5% | #949189 | rgb(148, 145, 137) | hsl(43, 5%, 56%) | |
0% | #8f8f8f | rgb(143, 143, 143) | hsl(43, 0%, 56%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(43, 65%, 100%) | |
95% | #fbf6ea | rgb(251, 246, 234) | hsl(43, 65%, 95%) | |
90% | #f6edd5 | rgb(246, 237, 213) | hsl(43, 65%, 90%) | |
85% | #f2e4c0 | rgb(242, 228, 192) | hsl(43, 65%, 85%) | |
80% | #eddaab | rgb(237, 218, 171) | hsl(43, 65%, 80%) | |
75% | #e9d196 | rgb(233, 209, 150) | hsl(43, 65%, 75%) | |
70% | #e4c881 | rgb(228, 200, 129) | hsl(43, 65%, 70%) | |
65% | #e0bf6c | rgb(224, 191, 108) | hsl(43, 65%, 65%) | |
60% | #dbb657 | rgb(219, 182, 87) | hsl(43, 65%, 60%) | |
56% | #d8ae47 | rgb(216, 174, 71) | hsl(43, 65%, 56%) | |
55% | #d7ad42 | rgb(215, 173, 66) | hsl(43, 65%, 55%) | |
50% | #d2a32d | rgb(210, 163, 45) | hsl(43, 65%, 50%) | |
45% | #bd9328 | rgb(189, 147, 40) | hsl(43, 65%, 45%) | |
40% | #a88324 | rgb(168, 131, 36) | hsl(43, 65%, 40%) | |
35% | #93721f | rgb(147, 114, 31) | hsl(43, 65%, 35%) | |
30% | #7e621b | rgb(126, 98, 27) | hsl(43, 65%, 30%) | |
25% | #695216 | rgb(105, 82, 22) | hsl(43, 65%, 25%) | |
20% | #544112 | rgb(84, 65, 18) | hsl(43, 65%, 20%) | |
15% | #3f310d | rgb(63, 49, 13) | hsl(43, 65%, 15%) | |
10% | #2a2109 | rgb(42, 33, 9) | hsl(43, 65%, 10%) | |
5% | #151004 | rgb(21, 16, 4) | hsl(43, 65%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(43, 65%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
216 | 174 | 71 |
rgb(216, 174, 71)
#d8ae47
#d8ae47