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
LightGoldenRodYellow
#fafad2
rgb(250, 250, 210)
hsl(60, 80%, 90%)
Lighter / Darker:
100% | #ffffff | |
95% | #fcfce8 | |
90% | #fafad2 | |
85% | #f7f7ba | |
80% | #f5f5a3 | |
75% | #f2f28c | |
70% | #f0f075 | |
65% | #eded5e | |
60% | #ebeb47 | |
55% | #e8e830 | |
50% | #e6e619 | |
45% | #cfcf17 | |
40% | #b8b814 | |
35% | #a1a112 | |
30% | #8a8a0f | |
25% | #73730d | |
20% | #5c5c0a | |
15% | #454508 | |
10% | #2e2e05 | |
5% | #171703 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #fad1d1 | rgb(250, 209, 209) | hsl(0, 80%, 90%) | |
15 | #fadbd1 | rgb(250, 219, 209) | hsl(15, 80%, 90%) | |
30 | #fae6d1 | rgb(250, 230, 209) | hsl(30, 80%, 90%) | |
45 | #faf0d1 | rgb(250, 240, 209) | hsl(45, 80%, 90%) | |
60 | #fafad2 | rgb(250, 250, 210) | hsl(60, 80%, 90%) | |
75 | #f0fad1 | rgb(240, 250, 209) | hsl(75, 80%, 90%) | |
90 | #e6fad1 | rgb(230, 250, 209) | hsl(90, 80%, 90%) | |
105 | #dbfad1 | rgb(219, 250, 209) | hsl(105, 80%, 90%) | |
120 | #d1fad1 | rgb(209, 250, 209) | hsl(120, 80%, 90%) | |
135 | #d1fadb | rgb(209, 250, 219) | hsl(135, 80%, 90%) | |
150 | #d1fae6 | rgb(209, 250, 230) | hsl(150, 80%, 90%) | |
165 | #d1faf0 | rgb(209, 250, 240) | hsl(165, 80%, 90%) | |
180 | #d1fafa | rgb(209, 250, 250) | hsl(180, 80%, 90%) | |
195 | #d1f0fa | rgb(209, 240, 250) | hsl(195, 80%, 90%) | |
210 | #d1e6fa | rgb(209, 230, 250) | hsl(210, 80%, 90%) | |
225 | #d1dbfa | rgb(209, 219, 250) | hsl(225, 80%, 90%) | |
240 | #d1d1fa | rgb(209, 209, 250) | hsl(240, 80%, 90%) | |
255 | #dbd1fa | rgb(219, 209, 250) | hsl(255, 80%, 90%) | |
270 | #e6d1fa | rgb(230, 209, 250) | hsl(270, 80%, 90%) | |
285 | #f0d1fa | rgb(240, 209, 250) | hsl(285, 80%, 90%) | |
300 | #fad1fa | rgb(250, 209, 250) | hsl(300, 80%, 90%) | |
315 | #fad1f0 | rgb(250, 209, 240) | hsl(315, 80%, 90%) | |
330 | #fad1e6 | rgb(250, 209, 230) | hsl(330, 80%, 90%) | |
345 | #fad1db | rgb(250, 209, 219) | hsl(345, 80%, 90%) | |
360 | #fad1d1 | rgb(250, 209, 209) | hsl(0, 80%, 90%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffffcc | rgb(255, 255, 204) | hsl(60, 100%, 90%) | |
95% | #fefecd | rgb(254, 254, 205) | hsl(60, 95%, 90%) | |
90% | #fcfccf | rgb(252, 252, 207) | hsl(60, 90%, 90%) | |
85% | #fbfbd0 | rgb(251, 251, 208) | hsl(60, 85%, 90%) | |
80% | #fafad2 | rgb(250, 250, 210) | hsl(60, 80%, 90%) | |
75% | #f9f9d2 | rgb(249, 249, 210) | hsl(60, 75%, 90%) | |
70% | #f7f7d4 | rgb(247, 247, 212) | hsl(60, 70%, 90%) | |
65% | #f6f6d5 | rgb(246, 246, 213) | hsl(60, 65%, 90%) | |
60% | #f5f5d6 | rgb(245, 245, 214) | hsl(60, 60%, 90%) | |
55% | #f4f4d7 | rgb(244, 244, 215) | hsl(60, 55%, 90%) | |
50% | #f2f2d9 | rgb(242, 242, 217) | hsl(60, 50%, 90%) | |
45% | #f1f1da | rgb(241, 241, 218) | hsl(60, 45%, 90%) | |
40% | #f0f0db | rgb(240, 240, 219) | hsl(60, 40%, 90%) | |
35% | #eeeedd | rgb(238, 238, 221) | hsl(60, 35%, 90%) | |
30% | #ededde | rgb(237, 237, 222) | hsl(60, 30%, 90%) | |
25% | #ececdf | rgb(236, 236, 223) | hsl(60, 25%, 90%) | |
20% | #ebebe0 | rgb(235, 235, 224) | hsl(60, 20%, 90%) | |
15% | #e9e9e2 | rgb(233, 233, 226) | hsl(60, 15%, 90%) | |
10% | #e8e8e3 | rgb(232, 232, 227) | hsl(60, 10%, 90%) | |
5% | #e7e7e4 | rgb(231, 231, 228) | hsl(60, 5%, 90%) | |
0% | #e6e6e6 | rgb(230, 230, 230) | hsl(60, 0%, 90%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(60, 80%, 100%) | |
95% | #fcfce8 | rgb(252, 252, 232) | hsl(60, 80%, 95%) | |
90% | #fafad2 | rgb(250, 250, 210) | hsl(60, 80%, 90%) | |
85% | #f7f7ba | rgb(247, 247, 186) | hsl(60, 80%, 85%) | |
80% | #f5f5a3 | rgb(245, 245, 163) | hsl(60, 80%, 80%) | |
75% | #f2f28c | rgb(242, 242, 140) | hsl(60, 80%, 75%) | |
70% | #f0f075 | rgb(240, 240, 117) | hsl(60, 80%, 70%) | |
65% | #eded5e | rgb(237, 237, 94) | hsl(60, 80%, 65%) | |
60% | #ebeb47 | rgb(235, 235, 71) | hsl(60, 80%, 60%) | |
55% | #e8e830 | rgb(232, 232, 48) | hsl(60, 80%, 55%) | |
50% | #e6e619 | rgb(230, 230, 25) | hsl(60, 80%, 50%) | |
45% | #cfcf17 | rgb(207, 207, 23) | hsl(60, 80%, 45%) | |
40% | #b8b814 | rgb(184, 184, 20) | hsl(60, 80%, 40%) | |
35% | #a1a112 | rgb(161, 161, 18) | hsl(60, 80%, 35%) | |
30% | #8a8a0f | rgb(138, 138, 15) | hsl(60, 80%, 30%) | |
25% | #73730d | rgb(115, 115, 13) | hsl(60, 80%, 25%) | |
20% | #5c5c0a | rgb(92, 92, 10) | hsl(60, 80%, 20%) | |
15% | #454508 | rgb(69, 69, 8) | hsl(60, 80%, 15%) | |
10% | #2e2e05 | rgb(46, 46, 5) | hsl(60, 80%, 10%) | |
5% | #171703 | rgb(23, 23, 3) | hsl(60, 80%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(60, 80%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
250 | 250 | 210 |
rgb(250, 250, 210)
#fafad2
#fafad2