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
OldLace
#fdf5e6
rgb(253, 245, 230)
hsl(39, 85%, 95%)
Lighter / Darker:
100% | #ffffff | |
95% | #fdf5e6 | |
90% | #fbecd0 | |
85% | #f9e3b8 | |
80% | #f7d9a1 | |
75% | #f5d089 | |
70% | #f4c671 | |
65% | #f2bd5a | |
60% | #f0b342 | |
55% | #eeaa2b | |
50% | #eca013 | |
45% | #d49011 | |
40% | #bd800f | |
35% | #a5700d | |
30% | #8e600b | |
25% | #76500a | |
20% | #5e4008 | |
15% | #473006 | |
10% | #2f2004 | |
5% | #181002 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #fde7e7 | rgb(253, 231, 231) | hsl(0, 85%, 95%) | |
15 | #fdede7 | rgb(253, 237, 231) | hsl(15, 85%, 95%) | |
30 | #fdf2e7 | rgb(253, 242, 231) | hsl(30, 85%, 95%) | |
39 | #fdf5e6 | rgb(253, 245, 230) | hsl(39, 85%, 95%) | |
45 | #fdf8e7 | rgb(253, 248, 231) | hsl(45, 85%, 95%) | |
60 | #fdfde7 | rgb(253, 253, 231) | hsl(60, 85%, 95%) | |
75 | #f8fde7 | rgb(248, 253, 231) | hsl(75, 85%, 95%) | |
90 | #f2fde7 | rgb(242, 253, 231) | hsl(90, 85%, 95%) | |
105 | #edfde7 | rgb(237, 253, 231) | hsl(105, 85%, 95%) | |
120 | #e7fde7 | rgb(231, 253, 231) | hsl(120, 85%, 95%) | |
135 | #e7fded | rgb(231, 253, 237) | hsl(135, 85%, 95%) | |
150 | #e7fdf2 | rgb(231, 253, 242) | hsl(150, 85%, 95%) | |
165 | #e7fdf8 | rgb(231, 253, 248) | hsl(165, 85%, 95%) | |
180 | #e7fdfd | rgb(231, 253, 253) | hsl(180, 85%, 95%) | |
195 | #e7f8fd | rgb(231, 248, 253) | hsl(195, 85%, 95%) | |
210 | #e7f2fd | rgb(231, 242, 253) | hsl(210, 85%, 95%) | |
225 | #e7edfd | rgb(231, 237, 253) | hsl(225, 85%, 95%) | |
240 | #e7e7fd | rgb(231, 231, 253) | hsl(240, 85%, 95%) | |
255 | #ede7fd | rgb(237, 231, 253) | hsl(255, 85%, 95%) | |
270 | #f2e7fd | rgb(242, 231, 253) | hsl(270, 85%, 95%) | |
285 | #f8e7fd | rgb(248, 231, 253) | hsl(285, 85%, 95%) | |
300 | #fde7fd | rgb(253, 231, 253) | hsl(300, 85%, 95%) | |
315 | #fde7f8 | rgb(253, 231, 248) | hsl(315, 85%, 95%) | |
330 | #fde7f2 | rgb(253, 231, 242) | hsl(330, 85%, 95%) | |
345 | #fde7ed | rgb(253, 231, 237) | hsl(345, 85%, 95%) | |
360 | #fde7e7 | rgb(253, 231, 231) | hsl(0, 85%, 95%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #fff6e5 | rgb(255, 246, 229) | hsl(39, 100%, 95%) | |
95% | #fef6e6 | rgb(254, 246, 230) | hsl(39, 95%, 95%) | |
90% | #fef6e7 | rgb(254, 246, 231) | hsl(39, 90%, 95%) | |
85% | #fdf5e6 | rgb(253, 245, 230) | hsl(39, 85%, 95%) | |
80% | #fcf5e8 | rgb(252, 245, 232) | hsl(39, 80%, 95%) | |
75% | #fcf5e9 | rgb(252, 245, 233) | hsl(39, 75%, 95%) | |
70% | #fbf5e9 | rgb(251, 245, 233) | hsl(39, 70%, 95%) | |
65% | #fbf5ea | rgb(251, 245, 234) | hsl(39, 65%, 95%) | |
60% | #faf5eb | rgb(250, 245, 235) | hsl(39, 60%, 95%) | |
55% | #f9f4eb | rgb(249, 244, 235) | hsl(39, 55%, 95%) | |
50% | #f9f4ec | rgb(249, 244, 236) | hsl(39, 50%, 95%) | |
45% | #f8f4ed | rgb(248, 244, 237) | hsl(39, 45%, 95%) | |
40% | #f7f4ed | rgb(247, 244, 237) | hsl(39, 40%, 95%) | |
35% | #f7f4ee | rgb(247, 244, 238) | hsl(39, 35%, 95%) | |
30% | #f6f3ee | rgb(246, 243, 238) | hsl(39, 30%, 95%) | |
25% | #f5f3ef | rgb(245, 243, 239) | hsl(39, 25%, 95%) | |
20% | #f5f3f0 | rgb(245, 243, 240) | hsl(39, 20%, 95%) | |
15% | #f4f3f0 | rgb(244, 243, 240) | hsl(39, 15%, 95%) | |
10% | #f4f3f1 | rgb(244, 243, 241) | hsl(39, 10%, 95%) | |
5% | #f3f2f2 | rgb(243, 242, 242) | hsl(39, 5%, 95%) | |
0% | #f2f2f2 | rgb(242, 242, 242) | hsl(39, 0%, 95%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(39, 85%, 100%) | |
95% | #fdf5e6 | rgb(253, 245, 230) | hsl(39, 85%, 95%) | |
90% | #fbecd0 | rgb(251, 236, 208) | hsl(39, 85%, 90%) | |
85% | #f9e3b8 | rgb(249, 227, 184) | hsl(39, 85%, 85%) | |
80% | #f7d9a1 | rgb(247, 217, 161) | hsl(39, 85%, 80%) | |
75% | #f5d089 | rgb(245, 208, 137) | hsl(39, 85%, 75%) | |
70% | #f4c671 | rgb(244, 198, 113) | hsl(39, 85%, 70%) | |
65% | #f2bd5a | rgb(242, 189, 90) | hsl(39, 85%, 65%) | |
60% | #f0b342 | rgb(240, 179, 66) | hsl(39, 85%, 60%) | |
55% | #eeaa2b | rgb(238, 170, 43) | hsl(39, 85%, 55%) | |
50% | #eca013 | rgb(236, 160, 19) | hsl(39, 85%, 50%) | |
45% | #d49011 | rgb(212, 144, 17) | hsl(39, 85%, 45%) | |
40% | #bd800f | rgb(189, 128, 15) | hsl(39, 85%, 40%) | |
35% | #a5700d | rgb(165, 112, 13) | hsl(39, 85%, 35%) | |
30% | #8e600b | rgb(142, 96, 11) | hsl(39, 85%, 30%) | |
25% | #76500a | rgb(118, 80, 10) | hsl(39, 85%, 25%) | |
20% | #5e4008 | rgb(94, 64, 8) | hsl(39, 85%, 20%) | |
15% | #473006 | rgb(71, 48, 6) | hsl(39, 85%, 15%) | |
10% | #2f2004 | rgb(47, 32, 4) | hsl(39, 85%, 10%) | |
5% | #181002 | rgb(24, 16, 2) | hsl(39, 85%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(39, 85%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
253 | 245 | 230 |
rgb(253, 245, 230)
#fdf5e6
#fdf5e6