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
PeachPuff
#ffdab9
rgb(255, 218, 185)
hsl(28, 100%, 86%)
Lighter / Darker:
100% | #ffffff | |
95% | #fff1e6 | |
90% | #ffe4cc | |
86% | #ffdab9 | |
85% | #ffd6b3 | |
80% | #ffc999 | |
75% | #ffbb80 | |
70% | #ffad66 | |
65% | #ffa04d | |
60% | #ff9233 | |
55% | #ff851a | |
50% | #ff7700 | |
45% | #e66b00 | |
40% | #cc5f00 | |
35% | #b35300 | |
30% | #994700 | |
25% | #803c00 | |
20% | #663000 | |
15% | #4d2400 | |
10% | #331800 | |
5% | #1a0c00 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ffb8b8 | rgb(255, 184, 184) | hsl(0, 100%, 86%) | |
15 | #ffc9b8 | rgb(255, 201, 184) | hsl(15, 100%, 86%) | |
28 | #ffdab9 | rgb(255, 218, 185) | hsl(28, 100%, 86%) | |
30 | #ffdbb8 | rgb(255, 219, 184) | hsl(30, 100%, 86%) | |
45 | #ffedb8 | rgb(255, 237, 184) | hsl(45, 100%, 86%) | |
60 | #ffffb8 | rgb(255, 255, 184) | hsl(60, 100%, 86%) | |
75 | #edffb8 | rgb(237, 255, 184) | hsl(75, 100%, 86%) | |
90 | #dbffb8 | rgb(219, 255, 184) | hsl(90, 100%, 86%) | |
105 | #c9ffb8 | rgb(201, 255, 184) | hsl(105, 100%, 86%) | |
120 | #b8ffb8 | rgb(184, 255, 184) | hsl(120, 100%, 86%) | |
135 | #b8ffc9 | rgb(184, 255, 201) | hsl(135, 100%, 86%) | |
150 | #b8ffdb | rgb(184, 255, 219) | hsl(150, 100%, 86%) | |
165 | #b8ffed | rgb(184, 255, 237) | hsl(165, 100%, 86%) | |
180 | #b8ffff | rgb(184, 255, 255) | hsl(180, 100%, 86%) | |
195 | #b8edff | rgb(184, 237, 255) | hsl(195, 100%, 86%) | |
210 | #b8dbff | rgb(184, 219, 255) | hsl(210, 100%, 86%) | |
225 | #b8c9ff | rgb(184, 201, 255) | hsl(225, 100%, 86%) | |
240 | #b8b8ff | rgb(184, 184, 255) | hsl(240, 100%, 86%) | |
255 | #c9b8ff | rgb(201, 184, 255) | hsl(255, 100%, 86%) | |
270 | #dbb8ff | rgb(219, 184, 255) | hsl(270, 100%, 86%) | |
285 | #edb8ff | rgb(237, 184, 255) | hsl(285, 100%, 86%) | |
300 | #ffb8ff | rgb(255, 184, 255) | hsl(300, 100%, 86%) | |
315 | #ffb8ed | rgb(255, 184, 237) | hsl(315, 100%, 86%) | |
330 | #ffb8db | rgb(255, 184, 219) | hsl(330, 100%, 86%) | |
345 | #ffb8c9 | rgb(255, 184, 201) | hsl(345, 100%, 86%) | |
360 | #ffb8b8 | rgb(255, 184, 184) | hsl(0, 100%, 86%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffdab9 | rgb(255, 218, 185) | hsl(28, 100%, 86%) | |
95% | #fdd9b9 | rgb(253, 217, 185) | hsl(28, 95%, 86%) | |
90% | #fbd9bb | rgb(251, 217, 187) | hsl(28, 90%, 86%) | |
85% | #fad9bd | rgb(250, 217, 189) | hsl(28, 85%, 86%) | |
80% | #f8d9bf | rgb(248, 217, 191) | hsl(28, 80%, 86%) | |
75% | #f6dac1 | rgb(246, 218, 193) | hsl(28, 75%, 86%) | |
70% | #f4dac2 | rgb(244, 218, 194) | hsl(28, 70%, 86%) | |
65% | #f3dac4 | rgb(243, 218, 196) | hsl(28, 65%, 86%) | |
60% | #f1dac6 | rgb(241, 218, 198) | hsl(28, 60%, 86%) | |
55% | #efdac8 | rgb(239, 218, 200) | hsl(28, 55%, 86%) | |
50% | #eddac9 | rgb(237, 218, 201) | hsl(28, 50%, 86%) | |
45% | #ebdacb | rgb(235, 218, 203) | hsl(28, 45%, 86%) | |
40% | #eadacd | rgb(234, 218, 205) | hsl(28, 40%, 86%) | |
35% | #e8dacf | rgb(232, 218, 207) | hsl(28, 35%, 86%) | |
30% | #e6dbd1 | rgb(230, 219, 209) | hsl(28, 30%, 86%) | |
25% | #e4dbd2 | rgb(228, 219, 210) | hsl(28, 25%, 86%) | |
20% | #e2dbd4 | rgb(226, 219, 212) | hsl(28, 20%, 86%) | |
15% | #e1dbd6 | rgb(225, 219, 214) | hsl(28, 15%, 86%) | |
10% | #dfdbd8 | rgb(223, 219, 216) | hsl(28, 10%, 86%) | |
5% | #dddbda | rgb(221, 219, 218) | hsl(28, 5%, 86%) | |
0% | #dbdbdb | rgb(219, 219, 219) | hsl(28, 0%, 86%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(28, 100%, 100%) | |
95% | #fff1e6 | rgb(255, 241, 230) | hsl(28, 100%, 95%) | |
90% | #ffe4cc | rgb(255, 228, 204) | hsl(28, 100%, 90%) | |
86% | #ffdab9 | rgb(255, 218, 185) | hsl(28, 100%, 86%) | |
85% | #ffd6b3 | rgb(255, 214, 179) | hsl(28, 100%, 85%) | |
80% | #ffc999 | rgb(255, 201, 153) | hsl(28, 100%, 80%) | |
75% | #ffbb80 | rgb(255, 187, 128) | hsl(28, 100%, 75%) | |
70% | #ffad66 | rgb(255, 173, 102) | hsl(28, 100%, 70%) | |
65% | #ffa04d | rgb(255, 160, 77) | hsl(28, 100%, 65%) | |
60% | #ff9233 | rgb(255, 146, 51) | hsl(28, 100%, 60%) | |
55% | #ff851a | rgb(255, 133, 26) | hsl(28, 100%, 55%) | |
50% | #ff7700 | rgb(255, 119, 0) | hsl(28, 100%, 50%) | |
45% | #e66b00 | rgb(230, 107, 0) | hsl(28, 100%, 45%) | |
40% | #cc5f00 | rgb(204, 95, 0) | hsl(28, 100%, 40%) | |
35% | #b35300 | rgb(179, 83, 0) | hsl(28, 100%, 35%) | |
30% | #994700 | rgb(153, 71, 0) | hsl(28, 100%, 30%) | |
25% | #803c00 | rgb(128, 60, 0) | hsl(28, 100%, 25%) | |
20% | #663000 | rgb(102, 48, 0) | hsl(28, 100%, 20%) | |
15% | #4d2400 | rgb(77, 36, 0) | hsl(28, 100%, 15%) | |
10% | #331800 | rgb(51, 24, 0) | hsl(28, 100%, 10%) | |
5% | #1a0c00 | rgb(26, 12, 0) | hsl(28, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(28, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
255 | 218 | 185 |
rgb(255, 218, 185)
#ffdab9
#ffdab9