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
Beige
#f5f5dc
rgb(245, 245, 220)
hsl(60, 56%, 91%)
Lighter / Darker:
100% | #ffffff | |
95% | #f9f9eb | |
91% | #f5f5dc | |
90% | #f4f4d7 | |
85% | #eeeec3 | |
80% | #e9e9af | |
75% | #e3e39c | |
70% | #dddd88 | |
65% | #d8d874 | |
60% | #d2d260 | |
55% | #cdcd4c | |
50% | #c7c738 | |
45% | #b3b332 | |
40% | #9f9f2d | |
35% | #8b8b27 | |
30% | #777722 | |
25% | #63631c | |
20% | #505016 | |
15% | #3c3c11 | |
10% | #28280b | |
5% | #141406 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #f5dbdb | rgb(245, 219, 219) | hsl(0, 56%, 91%) | |
15 | #f5e2db | rgb(245, 226, 219) | hsl(15, 56%, 91%) | |
30 | #f5e8db | rgb(245, 232, 219) | hsl(30, 56%, 91%) | |
45 | #f5eedb | rgb(245, 238, 219) | hsl(45, 56%, 91%) | |
60 | #f5f5dc | rgb(245, 245, 220) | hsl(60, 56%, 91%) | |
75 | #eef5db | rgb(238, 245, 219) | hsl(75, 56%, 91%) | |
90 | #e8f5db | rgb(232, 245, 219) | hsl(90, 56%, 91%) | |
105 | #e2f5db | rgb(226, 245, 219) | hsl(105, 56%, 91%) | |
120 | #dbf5db | rgb(219, 245, 219) | hsl(120, 56%, 91%) | |
135 | #dbf5e2 | rgb(219, 245, 226) | hsl(135, 56%, 91%) | |
150 | #dbf5e8 | rgb(219, 245, 232) | hsl(150, 56%, 91%) | |
165 | #dbf5ee | rgb(219, 245, 238) | hsl(165, 56%, 91%) | |
180 | #dbf5f5 | rgb(219, 245, 245) | hsl(180, 56%, 91%) | |
195 | #dbeef5 | rgb(219, 238, 245) | hsl(195, 56%, 91%) | |
210 | #dbe8f5 | rgb(219, 232, 245) | hsl(210, 56%, 91%) | |
225 | #dbe2f5 | rgb(219, 226, 245) | hsl(225, 56%, 91%) | |
240 | #dbdbf5 | rgb(219, 219, 245) | hsl(240, 56%, 91%) | |
255 | #e2dbf5 | rgb(226, 219, 245) | hsl(255, 56%, 91%) | |
270 | #e8dbf5 | rgb(232, 219, 245) | hsl(270, 56%, 91%) | |
285 | #eedbf5 | rgb(238, 219, 245) | hsl(285, 56%, 91%) | |
300 | #f5dbf5 | rgb(245, 219, 245) | hsl(300, 56%, 91%) | |
315 | #f5dbee | rgb(245, 219, 238) | hsl(315, 56%, 91%) | |
330 | #f5dbe8 | rgb(245, 219, 232) | hsl(330, 56%, 91%) | |
345 | #f5dbe2 | rgb(245, 219, 226) | hsl(345, 56%, 91%) | |
360 | #f5dbdb | rgb(245, 219, 219) | hsl(0, 56%, 91%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffffd1 | rgb(255, 255, 209) | hsl(60, 100%, 91%) | |
95% | #fefed2 | rgb(254, 254, 210) | hsl(60, 95%, 91%) | |
90% | #fdfdd3 | rgb(253, 253, 211) | hsl(60, 90%, 91%) | |
85% | #fcfcd5 | rgb(252, 252, 213) | hsl(60, 85%, 91%) | |
80% | #fafad6 | rgb(250, 250, 214) | hsl(60, 80%, 91%) | |
75% | #f9f9d7 | rgb(249, 249, 215) | hsl(60, 75%, 91%) | |
70% | #f8f8d8 | rgb(248, 248, 216) | hsl(60, 70%, 91%) | |
65% | #f7f7d9 | rgb(247, 247, 217) | hsl(60, 65%, 91%) | |
60% | #f6f6da | rgb(246, 246, 218) | hsl(60, 60%, 91%) | |
56% | #f5f5dc | rgb(245, 245, 220) | hsl(60, 56%, 91%) | |
55% | #f5f5db | rgb(245, 245, 219) | hsl(60, 55%, 91%) | |
50% | #f4f4dd | rgb(244, 244, 221) | hsl(60, 50%, 91%) | |
45% | #f2f2de | rgb(242, 242, 222) | hsl(60, 45%, 91%) | |
40% | #f1f1df | rgb(241, 241, 223) | hsl(60, 40%, 91%) | |
35% | #f0f0e0 | rgb(240, 240, 224) | hsl(60, 35%, 91%) | |
30% | #efefe1 | rgb(239, 239, 225) | hsl(60, 30%, 91%) | |
25% | #eeeee2 | rgb(238, 238, 226) | hsl(60, 25%, 91%) | |
20% | #edede3 | rgb(237, 237, 227) | hsl(60, 20%, 91%) | |
15% | #ebebe5 | rgb(235, 235, 229) | hsl(60, 15%, 91%) | |
10% | #eaeae6 | rgb(234, 234, 230) | hsl(60, 10%, 91%) | |
5% | #e9e9e7 | rgb(233, 233, 231) | hsl(60, 5%, 91%) | |
0% | #e8e8e8 | rgb(232, 232, 232) | hsl(60, 0%, 91%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(60, 56%, 100%) | |
95% | #f9f9eb | rgb(249, 249, 235) | hsl(60, 56%, 95%) | |
91% | #f5f5dc | rgb(245, 245, 220) | hsl(60, 56%, 91%) | |
90% | #f4f4d7 | rgb(244, 244, 215) | hsl(60, 56%, 90%) | |
85% | #eeeec3 | rgb(238, 238, 195) | hsl(60, 56%, 85%) | |
80% | #e9e9af | rgb(233, 233, 175) | hsl(60, 56%, 80%) | |
75% | #e3e39c | rgb(227, 227, 156) | hsl(60, 56%, 75%) | |
70% | #dddd88 | rgb(221, 221, 136) | hsl(60, 56%, 70%) | |
65% | #d8d874 | rgb(216, 216, 116) | hsl(60, 56%, 65%) | |
60% | #d2d260 | rgb(210, 210, 96) | hsl(60, 56%, 60%) | |
55% | #cdcd4c | rgb(205, 205, 76) | hsl(60, 56%, 55%) | |
50% | #c7c738 | rgb(199, 199, 56) | hsl(60, 56%, 50%) | |
45% | #b3b332 | rgb(179, 179, 50) | hsl(60, 56%, 45%) | |
40% | #9f9f2d | rgb(159, 159, 45) | hsl(60, 56%, 40%) | |
35% | #8b8b27 | rgb(139, 139, 39) | hsl(60, 56%, 35%) | |
30% | #777722 | rgb(119, 119, 34) | hsl(60, 56%, 30%) | |
25% | #63631c | rgb(99, 99, 28) | hsl(60, 56%, 25%) | |
20% | #505016 | rgb(80, 80, 22) | hsl(60, 56%, 20%) | |
15% | #3c3c11 | rgb(60, 60, 17) | hsl(60, 56%, 15%) | |
10% | #28280b | rgb(40, 40, 11) | hsl(60, 56%, 10%) | |
5% | #141406 | rgb(20, 20, 6) | hsl(60, 56%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(60, 56%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
245 | 245 | 220 |
rgb(245, 245, 220)
#f5f5dc
#f5f5dc