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
Wheat
#f5deb3
rgb(245, 222, 179)
hsl(39, 77%, 83%)
Lighter / Darker:
100% | #ffffff | |
95% | #fcf5e8 | |
90% | #f9ebd2 | |
85% | #f6e2bb | |
83% | #f5deb3 | |
80% | #f3d8a5 | |
75% | #f0ce8e | |
70% | #edc478 | |
65% | #eaba61 | |
60% | #e8b14a | |
55% | #e5a734 | |
50% | #e29d1d | |
45% | #cb8d1a | |
40% | #b57e17 | |
35% | #9e6e15 | |
30% | #875e12 | |
25% | #714e0f | |
20% | #5a3f0c | |
15% | #442f09 | |
10% | #2d1f06 | |
5% | #171003 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #f5b2b2 | rgb(245, 178, 178) | hsl(0, 77%, 83%) | |
15 | #f5c3b2 | rgb(245, 195, 178) | hsl(15, 77%, 83%) | |
30 | #f5d4b2 | rgb(245, 212, 178) | hsl(30, 77%, 83%) | |
39 | #f5deb3 | rgb(245, 222, 179) | hsl(39, 77%, 83%) | |
45 | #f5e4b2 | rgb(245, 228, 178) | hsl(45, 77%, 83%) | |
60 | #f5f5b2 | rgb(245, 245, 178) | hsl(60, 77%, 83%) | |
75 | #e4f5b2 | rgb(228, 245, 178) | hsl(75, 77%, 83%) | |
90 | #d4f5b2 | rgb(212, 245, 178) | hsl(90, 77%, 83%) | |
105 | #c3f5b2 | rgb(195, 245, 178) | hsl(105, 77%, 83%) | |
120 | #b2f5b2 | rgb(178, 245, 178) | hsl(120, 77%, 83%) | |
135 | #b2f5c3 | rgb(178, 245, 195) | hsl(135, 77%, 83%) | |
150 | #b2f5d4 | rgb(178, 245, 212) | hsl(150, 77%, 83%) | |
165 | #b2f5e4 | rgb(178, 245, 228) | hsl(165, 77%, 83%) | |
180 | #b2f5f5 | rgb(178, 245, 245) | hsl(180, 77%, 83%) | |
195 | #b2e4f5 | rgb(178, 228, 245) | hsl(195, 77%, 83%) | |
210 | #b2d4f5 | rgb(178, 212, 245) | hsl(210, 77%, 83%) | |
225 | #b2c3f5 | rgb(178, 195, 245) | hsl(225, 77%, 83%) | |
240 | #b2b2f5 | rgb(178, 178, 245) | hsl(240, 77%, 83%) | |
255 | #c3b2f5 | rgb(195, 178, 245) | hsl(255, 77%, 83%) | |
270 | #d4b2f5 | rgb(212, 178, 245) | hsl(270, 77%, 83%) | |
285 | #e4b2f5 | rgb(228, 178, 245) | hsl(285, 77%, 83%) | |
300 | #f5b2f5 | rgb(245, 178, 245) | hsl(300, 77%, 83%) | |
315 | #f5b2e4 | rgb(245, 178, 228) | hsl(315, 77%, 83%) | |
330 | #f5b2d4 | rgb(245, 178, 212) | hsl(330, 77%, 83%) | |
345 | #f5b2c3 | rgb(245, 178, 195) | hsl(345, 77%, 83%) | |
360 | #f5b2b2 | rgb(245, 178, 178) | hsl(0, 77%, 83%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffe1a8 | rgb(255, 225, 168) | hsl(39, 100%, 83%) | |
95% | #fde0aa | rgb(253, 224, 170) | hsl(39, 95%, 83%) | |
90% | #fbdfad | rgb(251, 223, 173) | hsl(39, 90%, 83%) | |
85% | #f8dfaf | rgb(248, 223, 175) | hsl(39, 85%, 83%) | |
80% | #f6deb1 | rgb(246, 222, 177) | hsl(39, 80%, 83%) | |
77% | #f5deb3 | rgb(245, 222, 179) | hsl(39, 77%, 83%) | |
75% | #f4ddb3 | rgb(244, 221, 179) | hsl(39, 75%, 83%) | |
70% | #f2ddb5 | rgb(242, 221, 181) | hsl(39, 70%, 83%) | |
65% | #f0dcb7 | rgb(240, 220, 183) | hsl(39, 65%, 83%) | |
60% | #eedbba | rgb(238, 219, 186) | hsl(39, 60%, 83%) | |
55% | #ebdbbc | rgb(235, 219, 188) | hsl(39, 55%, 83%) | |
50% | #e9dabe | rgb(233, 218, 190) | hsl(39, 50%, 83%) | |
45% | #e7dac0 | rgb(231, 218, 192) | hsl(39, 45%, 83%) | |
40% | #e5d9c2 | rgb(229, 217, 194) | hsl(39, 40%, 83%) | |
35% | #e3d8c4 | rgb(227, 216, 196) | hsl(39, 35%, 83%) | |
30% | #e1d8c7 | rgb(225, 216, 199) | hsl(39, 30%, 83%) | |
25% | #ded7c9 | rgb(222, 215, 201) | hsl(39, 25%, 83%) | |
20% | #dcd6cb | rgb(220, 214, 203) | hsl(39, 20%, 83%) | |
15% | #dad6cd | rgb(218, 214, 205) | hsl(39, 15%, 83%) | |
10% | #d8d5cf | rgb(216, 213, 207) | hsl(39, 10%, 83%) | |
5% | #d6d4d1 | rgb(214, 212, 209) | hsl(39, 5%, 83%) | |
0% | #d4d4d4 | rgb(212, 212, 212) | hsl(39, 0%, 83%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(39, 77%, 100%) | |
95% | #fcf5e8 | rgb(252, 245, 232) | hsl(39, 77%, 95%) | |
90% | #f9ebd2 | rgb(249, 235, 210) | hsl(39, 77%, 90%) | |
85% | #f6e2bb | rgb(246, 226, 187) | hsl(39, 77%, 85%) | |
83% | #f5deb3 | rgb(245, 222, 179) | hsl(39, 77%, 83%) | |
80% | #f3d8a5 | rgb(243, 216, 165) | hsl(39, 77%, 80%) | |
75% | #f0ce8e | rgb(240, 206, 142) | hsl(39, 77%, 75%) | |
70% | #edc478 | rgb(237, 196, 120) | hsl(39, 77%, 70%) | |
65% | #eaba61 | rgb(234, 186, 97) | hsl(39, 77%, 65%) | |
60% | #e8b14a | rgb(232, 177, 74) | hsl(39, 77%, 60%) | |
55% | #e5a734 | rgb(229, 167, 52) | hsl(39, 77%, 55%) | |
50% | #e29d1d | rgb(226, 157, 29) | hsl(39, 77%, 50%) | |
45% | #cb8d1a | rgb(203, 141, 26) | hsl(39, 77%, 45%) | |
40% | #b57e17 | rgb(181, 126, 23) | hsl(39, 77%, 40%) | |
35% | #9e6e15 | rgb(158, 110, 21) | hsl(39, 77%, 35%) | |
30% | #875e12 | rgb(135, 94, 18) | hsl(39, 77%, 30%) | |
25% | #714e0f | rgb(113, 78, 15) | hsl(39, 77%, 25%) | |
20% | #5a3f0c | rgb(90, 63, 12) | hsl(39, 77%, 20%) | |
15% | #442f09 | rgb(68, 47, 9) | hsl(39, 77%, 15%) | |
10% | #2d1f06 | rgb(45, 31, 6) | hsl(39, 77%, 10%) | |
5% | #171003 | rgb(23, 16, 3) | hsl(39, 77%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(39, 77%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
245 | 222 | 179 |
rgb(245, 222, 179)
#f5deb3
#f5deb3