HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#d5ae41
rgb(213, 174, 65)
hsl(44, 64%, 55%)
Lighter / Darker:
100% | #ffffff | |
95% | #faf6ea | |
90% | #f6edd5 | |
85% | #f1e4c0 | |
80% | #eddbab | |
75% | #e8d296 | |
70% | #e3c982 | |
65% | #dfc06d | |
60% | #dab758 | |
55% | #d5ae41 | |
50% | #d1a62e | |
45% | #bc9529 | |
40% | #a78425 | |
35% | #927420 | |
30% | #7d631c | |
25% | #695317 | |
20% | #544212 | |
15% | #3f320e | |
10% | #2a2109 | |
5% | #151105 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d64343 | rgb(214, 67, 67) | hsl(0, 64%, 55%) | |
15 | #d66843 | rgb(214, 104, 67) | hsl(15, 64%, 55%) | |
30 | #d68c43 | rgb(214, 140, 67) | hsl(30, 64%, 55%) | |
44 | #d5ae41 | rgb(213, 174, 65) | hsl(44, 64%, 55%) | |
45 | #d6b143 | rgb(214, 177, 67) | hsl(45, 64%, 55%) | |
60 | #d6d643 | rgb(214, 214, 67) | hsl(60, 64%, 55%) | |
75 | #b1d643 | rgb(177, 214, 67) | hsl(75, 64%, 55%) | |
90 | #8cd643 | rgb(140, 214, 67) | hsl(90, 64%, 55%) | |
105 | #68d643 | rgb(104, 214, 67) | hsl(105, 64%, 55%) | |
120 | #43d643 | rgb(67, 214, 67) | hsl(120, 64%, 55%) | |
135 | #43d668 | rgb(67, 214, 104) | hsl(135, 64%, 55%) | |
150 | #43d68c | rgb(67, 214, 140) | hsl(150, 64%, 55%) | |
165 | #43d6b1 | rgb(67, 214, 177) | hsl(165, 64%, 55%) | |
180 | #43d6d6 | rgb(67, 214, 214) | hsl(180, 64%, 55%) | |
195 | #43b1d6 | rgb(67, 177, 214) | hsl(195, 64%, 55%) | |
210 | #438cd6 | rgb(67, 140, 214) | hsl(210, 64%, 55%) | |
225 | #4368d6 | rgb(67, 104, 214) | hsl(225, 64%, 55%) | |
240 | #4343d6 | rgb(67, 67, 214) | hsl(240, 64%, 55%) | |
255 | #6843d6 | rgb(104, 67, 214) | hsl(255, 64%, 55%) | |
270 | #8c43d6 | rgb(140, 67, 214) | hsl(270, 64%, 55%) | |
285 | #b143d6 | rgb(177, 67, 214) | hsl(285, 64%, 55%) | |
300 | #d643d6 | rgb(214, 67, 214) | hsl(300, 64%, 55%) | |
315 | #d643b1 | rgb(214, 67, 177) | hsl(315, 64%, 55%) | |
330 | #d6438c | rgb(214, 67, 140) | hsl(330, 64%, 55%) | |
345 | #d64368 | rgb(214, 67, 104) | hsl(345, 64%, 55%) | |
360 | #d64343 | rgb(214, 67, 67) | hsl(0, 64%, 55%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffc21a | rgb(255, 194, 26) | hsl(44, 100%, 55%) | |
95% | #f9bf1f | rgb(249, 191, 31) | hsl(44, 95%, 55%) | |
90% | #f4bc25 | rgb(244, 188, 37) | hsl(44, 90%, 55%) | |
85% | #eeba2b | rgb(238, 186, 43) | hsl(44, 85%, 55%) | |
80% | #e8b730 | rgb(232, 183, 48) | hsl(44, 80%, 55%) | |
75% | #e2b436 | rgb(226, 180, 54) | hsl(44, 75%, 55%) | |
70% | #ddb23c | rgb(221, 178, 60) | hsl(44, 70%, 55%) | |
65% | #d7af42 | rgb(215, 175, 66) | hsl(44, 65%, 55%) | |
64% | #d5ae41 | rgb(213, 174, 65) | hsl(44, 64%, 55%) | |
60% | #d1ac47 | rgb(209, 172, 71) | hsl(44, 60%, 55%) | |
55% | #cbaa4d | rgb(203, 170, 77) | hsl(44, 55%, 55%) | |
50% | #c6a753 | rgb(198, 167, 83) | hsl(44, 50%, 55%) | |
45% | #c0a459 | rgb(192, 164, 89) | hsl(44, 45%, 55%) | |
40% | #baa25e | rgb(186, 162, 94) | hsl(44, 40%, 55%) | |
35% | #b49f64 | rgb(180, 159, 100) | hsl(44, 35%, 55%) | |
30% | #af9c6a | rgb(175, 156, 106) | hsl(44, 30%, 55%) | |
25% | #a99a70 | rgb(169, 154, 112) | hsl(44, 25%, 55%) | |
20% | #a39775 | rgb(163, 151, 117) | hsl(44, 20%, 55%) | |
15% | #9d947b | rgb(157, 148, 123) | hsl(44, 15%, 55%) | |
10% | #989281 | rgb(152, 146, 129) | hsl(44, 10%, 55%) | |
5% | #928f87 | rgb(146, 143, 135) | hsl(44, 5%, 55%) | |
0% | #8c8c8c | rgb(140, 140, 140) | hsl(44, 0%, 55%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(44, 64%, 100%) | |
95% | #faf6ea | rgb(250, 246, 234) | hsl(44, 64%, 95%) | |
90% | #f6edd5 | rgb(246, 237, 213) | hsl(44, 64%, 90%) | |
85% | #f1e4c0 | rgb(241, 228, 192) | hsl(44, 64%, 85%) | |
80% | #eddbab | rgb(237, 219, 171) | hsl(44, 64%, 80%) | |
75% | #e8d296 | rgb(232, 210, 150) | hsl(44, 64%, 75%) | |
70% | #e3c982 | rgb(227, 201, 130) | hsl(44, 64%, 70%) | |
65% | #dfc06d | rgb(223, 192, 109) | hsl(44, 64%, 65%) | |
60% | #dab758 | rgb(218, 183, 88) | hsl(44, 64%, 60%) | |
55% | #d5ae41 | rgb(213, 174, 65) | hsl(44, 64%, 55%) | |
50% | #d1a62e | rgb(209, 166, 46) | hsl(44, 64%, 50%) | |
45% | #bc9529 | rgb(188, 149, 41) | hsl(44, 64%, 45%) | |
40% | #a78425 | rgb(167, 132, 37) | hsl(44, 64%, 40%) | |
35% | #927420 | rgb(146, 116, 32) | hsl(44, 64%, 35%) | |
30% | #7d631c | rgb(125, 99, 28) | hsl(44, 64%, 30%) | |
25% | #695317 | rgb(105, 83, 23) | hsl(44, 64%, 25%) | |
20% | #544212 | rgb(84, 66, 18) | hsl(44, 64%, 20%) | |
15% | #3f320e | rgb(63, 50, 14) | hsl(44, 64%, 15%) | |
10% | #2a2109 | rgb(42, 33, 9) | hsl(44, 64%, 10%) | |
5% | #151105 | rgb(21, 17, 5) | hsl(44, 64%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(44, 64%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
213 | 174 | 65 |
rgb(213, 174, 65)
#d5ae41
#d5ae41