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
BlanchedAlmond
#ffebcd
rgb(255, 235, 205)
hsl(36, 100%, 90%)
Lighter / Darker:
100% | #ffffff | |
95% | #fff5e6 | |
90% | #ffebcd | |
85% | #ffe0b3 | |
80% | #ffd699 | |
75% | #ffcc80 | |
70% | #ffc266 | |
65% | #ffb84d | |
60% | #ffad33 | |
55% | #ffa31a | |
50% | #ff9900 | |
45% | #e68a00 | |
40% | #cc7a00 | |
35% | #b36b00 | |
30% | #995c00 | |
25% | #804d00 | |
20% | #663d00 | |
15% | #4d2e00 | |
10% | #331f00 | |
5% | #1a0f00 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ffcccc | rgb(255, 204, 204) | hsl(0, 100%, 90%) | |
15 | #ffd9cc | rgb(255, 217, 204) | hsl(15, 100%, 90%) | |
30 | #ffe6cc | rgb(255, 230, 204) | hsl(30, 100%, 90%) | |
36 | #ffebcd | rgb(255, 235, 205) | hsl(36, 100%, 90%) | |
45 | #fff2cc | rgb(255, 242, 204) | hsl(45, 100%, 90%) | |
60 | #ffffcc | rgb(255, 255, 204) | hsl(60, 100%, 90%) | |
75 | #f2ffcc | rgb(242, 255, 204) | hsl(75, 100%, 90%) | |
90 | #e6ffcc | rgb(230, 255, 204) | hsl(90, 100%, 90%) | |
105 | #d9ffcc | rgb(217, 255, 204) | hsl(105, 100%, 90%) | |
120 | #ccffcc | rgb(204, 255, 204) | hsl(120, 100%, 90%) | |
135 | #ccffd9 | rgb(204, 255, 217) | hsl(135, 100%, 90%) | |
150 | #ccffe6 | rgb(204, 255, 230) | hsl(150, 100%, 90%) | |
165 | #ccfff2 | rgb(204, 255, 242) | hsl(165, 100%, 90%) | |
180 | #ccffff | rgb(204, 255, 255) | hsl(180, 100%, 90%) | |
195 | #ccf2ff | rgb(204, 242, 255) | hsl(195, 100%, 90%) | |
210 | #cce6ff | rgb(204, 230, 255) | hsl(210, 100%, 90%) | |
225 | #ccd9ff | rgb(204, 217, 255) | hsl(225, 100%, 90%) | |
240 | #ccccff | rgb(204, 204, 255) | hsl(240, 100%, 90%) | |
255 | #d9ccff | rgb(217, 204, 255) | hsl(255, 100%, 90%) | |
270 | #e6ccff | rgb(230, 204, 255) | hsl(270, 100%, 90%) | |
285 | #f2ccff | rgb(242, 204, 255) | hsl(285, 100%, 90%) | |
300 | #ffccff | rgb(255, 204, 255) | hsl(300, 100%, 90%) | |
315 | #ffccf2 | rgb(255, 204, 242) | hsl(315, 100%, 90%) | |
330 | #ffcce6 | rgb(255, 204, 230) | hsl(330, 100%, 90%) | |
345 | #ffccd9 | rgb(255, 204, 217) | hsl(345, 100%, 90%) | |
360 | #ffcccc | rgb(255, 204, 204) | hsl(0, 100%, 90%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffebcd | rgb(255, 235, 205) | hsl(36, 100%, 90%) | |
95% | #feeacd | rgb(254, 234, 205) | hsl(36, 95%, 90%) | |
90% | #fceacf | rgb(252, 234, 207) | hsl(36, 90%, 90%) | |
85% | #fbead0 | rgb(251, 234, 208) | hsl(36, 85%, 90%) | |
80% | #faead1 | rgb(250, 234, 209) | hsl(36, 80%, 90%) | |
75% | #f9e9d2 | rgb(249, 233, 210) | hsl(36, 75%, 90%) | |
70% | #f7e9d4 | rgb(247, 233, 212) | hsl(36, 70%, 90%) | |
65% | #f6e9d5 | rgb(246, 233, 213) | hsl(36, 65%, 90%) | |
60% | #f5e9d6 | rgb(245, 233, 214) | hsl(36, 60%, 90%) | |
55% | #f4e8d7 | rgb(244, 232, 215) | hsl(36, 55%, 90%) | |
50% | #f2e8d9 | rgb(242, 232, 217) | hsl(36, 50%, 90%) | |
45% | #f1e8da | rgb(241, 232, 218) | hsl(36, 45%, 90%) | |
40% | #f0e8db | rgb(240, 232, 219) | hsl(36, 40%, 90%) | |
35% | #eee7dd | rgb(238, 231, 221) | hsl(36, 35%, 90%) | |
30% | #ede7de | rgb(237, 231, 222) | hsl(36, 30%, 90%) | |
25% | #ece7df | rgb(236, 231, 223) | hsl(36, 25%, 90%) | |
20% | #ebe7e0 | rgb(235, 231, 224) | hsl(36, 20%, 90%) | |
15% | #e9e6e2 | rgb(233, 230, 226) | hsl(36, 15%, 90%) | |
10% | #e8e6e3 | rgb(232, 230, 227) | hsl(36, 10%, 90%) | |
5% | #e7e6e4 | rgb(231, 230, 228) | hsl(36, 5%, 90%) | |
0% | #e6e6e6 | rgb(230, 230, 230) | hsl(36, 0%, 90%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(36, 100%, 100%) | |
95% | #fff5e6 | rgb(255, 245, 230) | hsl(36, 100%, 95%) | |
90% | #ffebcd | rgb(255, 235, 205) | hsl(36, 100%, 90%) | |
85% | #ffe0b3 | rgb(255, 224, 179) | hsl(36, 100%, 85%) | |
80% | #ffd699 | rgb(255, 214, 153) | hsl(36, 100%, 80%) | |
75% | #ffcc80 | rgb(255, 204, 128) | hsl(36, 100%, 75%) | |
70% | #ffc266 | rgb(255, 194, 102) | hsl(36, 100%, 70%) | |
65% | #ffb84d | rgb(255, 184, 77) | hsl(36, 100%, 65%) | |
60% | #ffad33 | rgb(255, 173, 51) | hsl(36, 100%, 60%) | |
55% | #ffa31a | rgb(255, 163, 26) | hsl(36, 100%, 55%) | |
50% | #ff9900 | rgb(255, 153, 0) | hsl(36, 100%, 50%) | |
45% | #e68a00 | rgb(230, 138, 0) | hsl(36, 100%, 45%) | |
40% | #cc7a00 | rgb(204, 122, 0) | hsl(36, 100%, 40%) | |
35% | #b36b00 | rgb(179, 107, 0) | hsl(36, 100%, 35%) | |
30% | #995c00 | rgb(153, 92, 0) | hsl(36, 100%, 30%) | |
25% | #804d00 | rgb(128, 77, 0) | hsl(36, 100%, 25%) | |
20% | #663d00 | rgb(102, 61, 0) | hsl(36, 100%, 20%) | |
15% | #4d2e00 | rgb(77, 46, 0) | hsl(36, 100%, 15%) | |
10% | #331f00 | rgb(51, 31, 0) | hsl(36, 100%, 10%) | |
5% | #1a0f00 | rgb(26, 15, 0) | hsl(36, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(36, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
255 | 235 | 205 |
rgb(255, 235, 205)
#ffebcd
#ffebcd