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
Bisque
#ffe4c4
rgb(255, 228, 196)
hsl(33, 100%, 88%)
Lighter / Darker:
100% | #ffffff | |
95% | #fff4e6 | |
90% | #ffe8cc | |
88% | #ffe4c4 | |
85% | #ffddb3 | |
80% | #ffd199 | |
75% | #ffc680 | |
70% | #ffba66 | |
65% | #ffaf4d | |
60% | #ffa333 | |
55% | #ff981a | |
50% | #ff8c00 | |
45% | #e67e00 | |
40% | #cc7000 | |
35% | #b36200 | |
30% | #995400 | |
25% | #804600 | |
20% | #663800 | |
15% | #4d2a00 | |
10% | #331c00 | |
5% | #1a0e00 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ffc2c2 | rgb(255, 194, 194) | hsl(0, 100%, 88%) | |
15 | #ffd1c2 | rgb(255, 209, 194) | hsl(15, 100%, 88%) | |
30 | #ffe0c2 | rgb(255, 224, 194) | hsl(30, 100%, 88%) | |
33 | #ffe4c4 | rgb(255, 228, 196) | hsl(33, 100%, 88%) | |
45 | #fff0c2 | rgb(255, 240, 194) | hsl(45, 100%, 88%) | |
60 | #ffffc2 | rgb(255, 255, 194) | hsl(60, 100%, 88%) | |
75 | #f0ffc2 | rgb(240, 255, 194) | hsl(75, 100%, 88%) | |
90 | #e0ffc2 | rgb(224, 255, 194) | hsl(90, 100%, 88%) | |
105 | #d1ffc2 | rgb(209, 255, 194) | hsl(105, 100%, 88%) | |
120 | #c2ffc2 | rgb(194, 255, 194) | hsl(120, 100%, 88%) | |
135 | #c2ffd1 | rgb(194, 255, 209) | hsl(135, 100%, 88%) | |
150 | #c2ffe0 | rgb(194, 255, 224) | hsl(150, 100%, 88%) | |
165 | #c2fff0 | rgb(194, 255, 240) | hsl(165, 100%, 88%) | |
180 | #c2ffff | rgb(194, 255, 255) | hsl(180, 100%, 88%) | |
195 | #c2f0ff | rgb(194, 240, 255) | hsl(195, 100%, 88%) | |
210 | #c2e0ff | rgb(194, 224, 255) | hsl(210, 100%, 88%) | |
225 | #c2d1ff | rgb(194, 209, 255) | hsl(225, 100%, 88%) | |
240 | #c2c2ff | rgb(194, 194, 255) | hsl(240, 100%, 88%) | |
255 | #d1c2ff | rgb(209, 194, 255) | hsl(255, 100%, 88%) | |
270 | #e0c2ff | rgb(224, 194, 255) | hsl(270, 100%, 88%) | |
285 | #f0c2ff | rgb(240, 194, 255) | hsl(285, 100%, 88%) | |
300 | #ffc2ff | rgb(255, 194, 255) | hsl(300, 100%, 88%) | |
315 | #ffc2f0 | rgb(255, 194, 240) | hsl(315, 100%, 88%) | |
330 | #ffc2e0 | rgb(255, 194, 224) | hsl(330, 100%, 88%) | |
345 | #ffc2d1 | rgb(255, 194, 209) | hsl(345, 100%, 88%) | |
360 | #ffc2c2 | rgb(255, 194, 194) | hsl(0, 100%, 88%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffe4c4 | rgb(255, 228, 196) | hsl(33, 100%, 88%) | |
95% | #fde3c3 | rgb(253, 227, 195) | hsl(33, 95%, 88%) | |
90% | #fce3c5 | rgb(252, 227, 197) | hsl(33, 90%, 88%) | |
85% | #fae3c6 | rgb(250, 227, 198) | hsl(33, 85%, 88%) | |
80% | #f9e3c8 | rgb(249, 227, 200) | hsl(33, 80%, 88%) | |
75% | #f7e3c9 | rgb(247, 227, 201) | hsl(33, 75%, 88%) | |
70% | #f6e3cb | rgb(246, 227, 203) | hsl(33, 70%, 88%) | |
65% | #f4e2cd | rgb(244, 226, 205) | hsl(33, 65%, 88%) | |
60% | #f3e2ce | rgb(243, 226, 206) | hsl(33, 60%, 88%) | |
55% | #f1e2d0 | rgb(241, 226, 208) | hsl(33, 55%, 88%) | |
50% | #f0e2d1 | rgb(240, 226, 209) | hsl(33, 50%, 88%) | |
45% | #eee2d3 | rgb(238, 226, 211) | hsl(33, 45%, 88%) | |
40% | #ede2d4 | rgb(237, 226, 212) | hsl(33, 40%, 88%) | |
35% | #ebe1d6 | rgb(235, 225, 214) | hsl(33, 35%, 88%) | |
30% | #eae1d7 | rgb(234, 225, 215) | hsl(33, 30%, 88%) | |
25% | #e8e1d9 | rgb(232, 225, 217) | hsl(33, 25%, 88%) | |
20% | #e7e1da | rgb(231, 225, 218) | hsl(33, 20%, 88%) | |
15% | #e5e1dc | rgb(229, 225, 220) | hsl(33, 15%, 88%) | |
10% | #e3e1dd | rgb(227, 225, 221) | hsl(33, 10%, 88%) | |
5% | #e2e1df | rgb(226, 225, 223) | hsl(33, 5%, 88%) | |
0% | #e0e0e0 | rgb(224, 224, 224) | hsl(33, 0%, 88%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(33, 100%, 100%) | |
95% | #fff4e6 | rgb(255, 244, 230) | hsl(33, 100%, 95%) | |
90% | #ffe8cc | rgb(255, 232, 204) | hsl(33, 100%, 90%) | |
88% | #ffe4c4 | rgb(255, 228, 196) | hsl(33, 100%, 88%) | |
85% | #ffddb3 | rgb(255, 221, 179) | hsl(33, 100%, 85%) | |
80% | #ffd199 | rgb(255, 209, 153) | hsl(33, 100%, 80%) | |
75% | #ffc680 | rgb(255, 198, 128) | hsl(33, 100%, 75%) | |
70% | #ffba66 | rgb(255, 186, 102) | hsl(33, 100%, 70%) | |
65% | #ffaf4d | rgb(255, 175, 77) | hsl(33, 100%, 65%) | |
60% | #ffa333 | rgb(255, 163, 51) | hsl(33, 100%, 60%) | |
55% | #ff981a | rgb(255, 152, 26) | hsl(33, 100%, 55%) | |
50% | #ff8c00 | rgb(255, 140, 0) | hsl(33, 100%, 50%) | |
45% | #e67e00 | rgb(230, 126, 0) | hsl(33, 100%, 45%) | |
40% | #cc7000 | rgb(204, 112, 0) | hsl(33, 100%, 40%) | |
35% | #b36200 | rgb(179, 98, 0) | hsl(33, 100%, 35%) | |
30% | #995400 | rgb(153, 84, 0) | hsl(33, 100%, 30%) | |
25% | #804600 | rgb(128, 70, 0) | hsl(33, 100%, 25%) | |
20% | #663800 | rgb(102, 56, 0) | hsl(33, 100%, 20%) | |
15% | #4d2a00 | rgb(77, 42, 0) | hsl(33, 100%, 15%) | |
10% | #331c00 | rgb(51, 28, 0) | hsl(33, 100%, 10%) | |
5% | #1a0e00 | rgb(26, 14, 0) | hsl(33, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(33, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
255 | 228 | 196 |
rgb(255, 228, 196)
#ffe4c4
#ffe4c4