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
PapayaWhip
#ffefd5
rgb(255, 239, 213)
hsl(37, 100%, 92%)
Lighter / Darker:
100% | #ffffff | |
95% | #fff5e6 | |
92% | #ffefd5 | |
90% | #ffebcc | |
85% | #ffe2b3 | |
80% | #ffd899 | |
75% | #ffce80 | |
70% | #ffc466 | |
65% | #ffbb4d | |
60% | #ffb133 | |
55% | #ffa71a | |
50% | #ff9d00 | |
45% | #e68e00 | |
40% | #cc7e00 | |
35% | #b36e00 | |
30% | #995e00 | |
25% | #804f00 | |
20% | #663f00 | |
15% | #4d2f00 | |
10% | #331f00 | |
5% | #1a1000 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ffd6d6 | rgb(255, 214, 214) | hsl(0, 100%, 92%) | |
15 | #ffe0d6 | rgb(255, 224, 214) | hsl(15, 100%, 92%) | |
30 | #ffebd6 | rgb(255, 235, 214) | hsl(30, 100%, 92%) | |
37 | #ffefd5 | rgb(255, 239, 213) | hsl(37, 100%, 92%) | |
45 | #fff5d6 | rgb(255, 245, 214) | hsl(45, 100%, 92%) | |
60 | #ffffd6 | rgb(255, 255, 214) | hsl(60, 100%, 92%) | |
75 | #f5ffd6 | rgb(245, 255, 214) | hsl(75, 100%, 92%) | |
90 | #ebffd6 | rgb(235, 255, 214) | hsl(90, 100%, 92%) | |
105 | #e0ffd6 | rgb(224, 255, 214) | hsl(105, 100%, 92%) | |
120 | #d6ffd6 | rgb(214, 255, 214) | hsl(120, 100%, 92%) | |
135 | #d6ffe0 | rgb(214, 255, 224) | hsl(135, 100%, 92%) | |
150 | #d6ffeb | rgb(214, 255, 235) | hsl(150, 100%, 92%) | |
165 | #d6fff5 | rgb(214, 255, 245) | hsl(165, 100%, 92%) | |
180 | #d6ffff | rgb(214, 255, 255) | hsl(180, 100%, 92%) | |
195 | #d6f5ff | rgb(214, 245, 255) | hsl(195, 100%, 92%) | |
210 | #d6ebff | rgb(214, 235, 255) | hsl(210, 100%, 92%) | |
225 | #d6e0ff | rgb(214, 224, 255) | hsl(225, 100%, 92%) | |
240 | #d6d6ff | rgb(214, 214, 255) | hsl(240, 100%, 92%) | |
255 | #e0d6ff | rgb(224, 214, 255) | hsl(255, 100%, 92%) | |
270 | #ebd6ff | rgb(235, 214, 255) | hsl(270, 100%, 92%) | |
285 | #f5d6ff | rgb(245, 214, 255) | hsl(285, 100%, 92%) | |
300 | #ffd6ff | rgb(255, 214, 255) | hsl(300, 100%, 92%) | |
315 | #ffd6f5 | rgb(255, 214, 245) | hsl(315, 100%, 92%) | |
330 | #ffd6eb | rgb(255, 214, 235) | hsl(330, 100%, 92%) | |
345 | #ffd6e0 | rgb(255, 214, 224) | hsl(345, 100%, 92%) | |
360 | #ffd6d6 | rgb(255, 214, 214) | hsl(0, 100%, 92%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffefd5 | rgb(255, 239, 213) | hsl(37, 100%, 92%) | |
95% | #feefd7 | rgb(254, 239, 215) | hsl(37, 95%, 92%) | |
90% | #fdefd8 | rgb(253, 239, 216) | hsl(37, 90%, 92%) | |
85% | #fcefd9 | rgb(252, 239, 217) | hsl(37, 85%, 92%) | |
80% | #fbeeda | rgb(251, 238, 218) | hsl(37, 80%, 92%) | |
75% | #faeedb | rgb(250, 238, 219) | hsl(37, 75%, 92%) | |
70% | #f9eedc | rgb(249, 238, 220) | hsl(37, 70%, 92%) | |
65% | #f8eedd | rgb(248, 238, 221) | hsl(37, 65%, 92%) | |
60% | #f7edde | rgb(247, 237, 222) | hsl(37, 60%, 92%) | |
55% | #f6eddf | rgb(246, 237, 223) | hsl(37, 55%, 92%) | |
50% | #f5ede0 | rgb(245, 237, 224) | hsl(37, 50%, 92%) | |
45% | #f4ede1 | rgb(244, 237, 225) | hsl(37, 45%, 92%) | |
40% | #f3ede2 | rgb(243, 237, 226) | hsl(37, 40%, 92%) | |
35% | #f2ece3 | rgb(242, 236, 227) | hsl(37, 35%, 92%) | |
30% | #f1ece4 | rgb(241, 236, 228) | hsl(37, 30%, 92%) | |
25% | #f0ece6 | rgb(240, 236, 230) | hsl(37, 25%, 92%) | |
20% | #efece7 | rgb(239, 236, 231) | hsl(37, 20%, 92%) | |
15% | #eeebe8 | rgb(238, 235, 232) | hsl(37, 15%, 92%) | |
10% | #edebe9 | rgb(237, 235, 233) | hsl(37, 10%, 92%) | |
5% | #ecebea | rgb(236, 235, 234) | hsl(37, 5%, 92%) | |
0% | #ebebeb | rgb(235, 235, 235) | hsl(37, 0%, 92%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(37, 100%, 100%) | |
95% | #fff5e6 | rgb(255, 245, 230) | hsl(37, 100%, 95%) | |
92% | #ffefd5 | rgb(255, 239, 213) | hsl(37, 100%, 92%) | |
90% | #ffebcc | rgb(255, 235, 204) | hsl(37, 100%, 90%) | |
85% | #ffe2b3 | rgb(255, 226, 179) | hsl(37, 100%, 85%) | |
80% | #ffd899 | rgb(255, 216, 153) | hsl(37, 100%, 80%) | |
75% | #ffce80 | rgb(255, 206, 128) | hsl(37, 100%, 75%) | |
70% | #ffc466 | rgb(255, 196, 102) | hsl(37, 100%, 70%) | |
65% | #ffbb4d | rgb(255, 187, 77) | hsl(37, 100%, 65%) | |
60% | #ffb133 | rgb(255, 177, 51) | hsl(37, 100%, 60%) | |
55% | #ffa71a | rgb(255, 167, 26) | hsl(37, 100%, 55%) | |
50% | #ff9d00 | rgb(255, 157, 0) | hsl(37, 100%, 50%) | |
45% | #e68e00 | rgb(230, 142, 0) | hsl(37, 100%, 45%) | |
40% | #cc7e00 | rgb(204, 126, 0) | hsl(37, 100%, 40%) | |
35% | #b36e00 | rgb(179, 110, 0) | hsl(37, 100%, 35%) | |
30% | #995e00 | rgb(153, 94, 0) | hsl(37, 100%, 30%) | |
25% | #804f00 | rgb(128, 79, 0) | hsl(37, 100%, 25%) | |
20% | #663f00 | rgb(102, 63, 0) | hsl(37, 100%, 20%) | |
15% | #4d2f00 | rgb(77, 47, 0) | hsl(37, 100%, 15%) | |
10% | #331f00 | rgb(51, 31, 0) | hsl(37, 100%, 10%) | |
5% | #1a1000 | rgb(26, 16, 0) | hsl(37, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(37, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
255 | 239 | 213 |
rgb(255, 239, 213)
#ffefd5
#ffefd5