HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#d69c2f
rgb(214, 156, 47)
hsl(39, 67%, 51%)
Lighter / Darker:
100% | #ffffff | |
95% | #fbf5ea | |
90% | #f7ebd4 | |
85% | #f2e0bf | |
80% | #eed6aa | |
75% | #eacc95 | |
70% | #e6c27f | |
65% | #e2b86a | |
60% | #ddae55 | |
55% | #d9a33f | |
51% | #d69c2f | |
50% | #d5992a | |
45% | #c08a26 | |
40% | #aa7b22 | |
35% | #956b1d | |
30% | #805c19 | |
25% | #6a4d15 | |
20% | #553d11 | |
15% | #402e0d | |
10% | #2b1f08 | |
5% | #150f04 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d62e2e | rgb(214, 46, 46) | hsl(0, 67%, 51%) | |
15 | #d6582e | rgb(214, 88, 46) | hsl(15, 67%, 51%) | |
30 | #d6822e | rgb(214, 130, 46) | hsl(30, 67%, 51%) | |
39 | #d69c2f | rgb(214, 156, 47) | hsl(39, 67%, 51%) | |
45 | #d6ac2e | rgb(214, 172, 46) | hsl(45, 67%, 51%) | |
60 | #d6d62e | rgb(214, 214, 46) | hsl(60, 67%, 51%) | |
75 | #acd62e | rgb(172, 214, 46) | hsl(75, 67%, 51%) | |
90 | #82d62e | rgb(130, 214, 46) | hsl(90, 67%, 51%) | |
105 | #58d62e | rgb(88, 214, 46) | hsl(105, 67%, 51%) | |
120 | #2ed62e | rgb(46, 214, 46) | hsl(120, 67%, 51%) | |
135 | #2ed658 | rgb(46, 214, 88) | hsl(135, 67%, 51%) | |
150 | #2ed682 | rgb(46, 214, 130) | hsl(150, 67%, 51%) | |
165 | #2ed6ac | rgb(46, 214, 172) | hsl(165, 67%, 51%) | |
180 | #2ed6d6 | rgb(46, 214, 214) | hsl(180, 67%, 51%) | |
195 | #2eacd6 | rgb(46, 172, 214) | hsl(195, 67%, 51%) | |
210 | #2e82d6 | rgb(46, 130, 214) | hsl(210, 67%, 51%) | |
225 | #2e58d6 | rgb(46, 88, 214) | hsl(225, 67%, 51%) | |
240 | #2e2ed6 | rgb(46, 46, 214) | hsl(240, 67%, 51%) | |
255 | #582ed6 | rgb(88, 46, 214) | hsl(255, 67%, 51%) | |
270 | #822ed6 | rgb(130, 46, 214) | hsl(270, 67%, 51%) | |
285 | #ac2ed6 | rgb(172, 46, 214) | hsl(285, 67%, 51%) | |
300 | #d62ed6 | rgb(214, 46, 214) | hsl(300, 67%, 51%) | |
315 | #d62eac | rgb(214, 46, 172) | hsl(315, 67%, 51%) | |
330 | #d62e82 | rgb(214, 46, 130) | hsl(330, 67%, 51%) | |
345 | #d62e58 | rgb(214, 46, 88) | hsl(345, 67%, 51%) | |
360 | #d62e2e | rgb(214, 46, 46) | hsl(0, 67%, 51%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffa805 | rgb(255, 168, 5) | hsl(39, 100%, 51%) | |
95% | #f9a60b | rgb(249, 166, 11) | hsl(39, 95%, 51%) | |
90% | #f3a412 | rgb(243, 164, 18) | hsl(39, 90%, 51%) | |
85% | #eca218 | rgb(236, 162, 24) | hsl(39, 85%, 51%) | |
80% | #e6a01e | rgb(230, 160, 30) | hsl(39, 80%, 51%) | |
75% | #e09e24 | rgb(224, 158, 36) | hsl(39, 75%, 51%) | |
70% | #da9c2b | rgb(218, 156, 43) | hsl(39, 70%, 51%) | |
67% | #d69c2f | rgb(214, 156, 47) | hsl(39, 67%, 51%) | |
65% | #d39a31 | rgb(211, 154, 49) | hsl(39, 65%, 51%) | |
60% | #cd9937 | rgb(205, 153, 55) | hsl(39, 60%, 51%) | |
55% | #c7973d | rgb(199, 151, 61) | hsl(39, 55%, 51%) | |
50% | #c19544 | rgb(193, 149, 68) | hsl(39, 50%, 51%) | |
45% | #ba934a | rgb(186, 147, 74) | hsl(39, 45%, 51%) | |
40% | #b49150 | rgb(180, 145, 80) | hsl(39, 40%, 51%) | |
35% | #ae8f56 | rgb(174, 143, 86) | hsl(39, 35%, 51%) | |
30% | #a88d5d | rgb(168, 141, 93) | hsl(39, 30%, 51%) | |
25% | #a18b63 | rgb(161, 139, 99) | hsl(39, 25%, 51%) | |
20% | #9b8a69 | rgb(155, 138, 105) | hsl(39, 20%, 51%) | |
15% | #95886f | rgb(149, 136, 111) | hsl(39, 15%, 51%) | |
10% | #8f8676 | rgb(143, 134, 118) | hsl(39, 10%, 51%) | |
5% | #88847c | rgb(136, 132, 124) | hsl(39, 5%, 51%) | |
0% | #828282 | rgb(130, 130, 130) | hsl(39, 0%, 51%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(39, 67%, 100%) | |
95% | #fbf5ea | rgb(251, 245, 234) | hsl(39, 67%, 95%) | |
90% | #f7ebd4 | rgb(247, 235, 212) | hsl(39, 67%, 90%) | |
85% | #f2e0bf | rgb(242, 224, 191) | hsl(39, 67%, 85%) | |
80% | #eed6aa | rgb(238, 214, 170) | hsl(39, 67%, 80%) | |
75% | #eacc95 | rgb(234, 204, 149) | hsl(39, 67%, 75%) | |
70% | #e6c27f | rgb(230, 194, 127) | hsl(39, 67%, 70%) | |
65% | #e2b86a | rgb(226, 184, 106) | hsl(39, 67%, 65%) | |
60% | #ddae55 | rgb(221, 174, 85) | hsl(39, 67%, 60%) | |
55% | #d9a33f | rgb(217, 163, 63) | hsl(39, 67%, 55%) | |
51% | #d69c2f | rgb(214, 156, 47) | hsl(39, 67%, 51%) | |
50% | #d5992a | rgb(213, 153, 42) | hsl(39, 67%, 50%) | |
45% | #c08a26 | rgb(192, 138, 38) | hsl(39, 67%, 45%) | |
40% | #aa7b22 | rgb(170, 123, 34) | hsl(39, 67%, 40%) | |
35% | #956b1d | rgb(149, 107, 29) | hsl(39, 67%, 35%) | |
30% | #805c19 | rgb(128, 92, 25) | hsl(39, 67%, 30%) | |
25% | #6a4d15 | rgb(106, 77, 21) | hsl(39, 67%, 25%) | |
20% | #553d11 | rgb(85, 61, 17) | hsl(39, 67%, 20%) | |
15% | #402e0d | rgb(64, 46, 13) | hsl(39, 67%, 15%) | |
10% | #2b1f08 | rgb(43, 31, 8) | hsl(39, 67%, 10%) | |
5% | #150f04 | rgb(21, 15, 4) | hsl(39, 67%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(39, 67%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
214 | 156 | 47 |
rgb(214, 156, 47)
#d69c2f
#d69c2f