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
Linen
#faf0e6
rgb(250, 240, 230)
hsl(30, 67%, 94%)
Lighter / Darker:
100% | #ffffff | |
95% | #fbf2ea | |
94% | #faf0e6 | |
90% | #f7e6d4 | |
85% | #f2d9bf | |
80% | #eeccaa | |
75% | #eabf95 | |
70% | #e6b37f | |
65% | #e2a66a | |
60% | #dd9955 | |
55% | #d98c3f | |
50% | #d5802a | |
45% | #c07326 | |
40% | #aa6622 | |
35% | #95591d | |
30% | #804d19 | |
25% | #6a4015 | |
20% | #553311 | |
15% | #40260d | |
10% | #2b1a08 | |
5% | #150d04 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #fae5e5 | rgb(250, 229, 229) | hsl(0, 67%, 94%) | |
15 | #faebe5 | rgb(250, 235, 229) | hsl(15, 67%, 94%) | |
30 | #faf0e6 | rgb(250, 240, 230) | hsl(30, 67%, 94%) | |
45 | #faf5e5 | rgb(250, 245, 229) | hsl(45, 67%, 94%) | |
60 | #fafae5 | rgb(250, 250, 229) | hsl(60, 67%, 94%) | |
75 | #f5fae5 | rgb(245, 250, 229) | hsl(75, 67%, 94%) | |
90 | #f0fae5 | rgb(240, 250, 229) | hsl(90, 67%, 94%) | |
105 | #ebfae5 | rgb(235, 250, 229) | hsl(105, 67%, 94%) | |
120 | #e5fae5 | rgb(229, 250, 229) | hsl(120, 67%, 94%) | |
135 | #e5faeb | rgb(229, 250, 235) | hsl(135, 67%, 94%) | |
150 | #e5faf0 | rgb(229, 250, 240) | hsl(150, 67%, 94%) | |
165 | #e5faf5 | rgb(229, 250, 245) | hsl(165, 67%, 94%) | |
180 | #e5fafa | rgb(229, 250, 250) | hsl(180, 67%, 94%) | |
195 | #e5f5fa | rgb(229, 245, 250) | hsl(195, 67%, 94%) | |
210 | #e5f0fa | rgb(229, 240, 250) | hsl(210, 67%, 94%) | |
225 | #e5ebfa | rgb(229, 235, 250) | hsl(225, 67%, 94%) | |
240 | #e5e5fa | rgb(229, 229, 250) | hsl(240, 67%, 94%) | |
255 | #ebe5fa | rgb(235, 229, 250) | hsl(255, 67%, 94%) | |
270 | #f0e5fa | rgb(240, 229, 250) | hsl(270, 67%, 94%) | |
285 | #f5e5fa | rgb(245, 229, 250) | hsl(285, 67%, 94%) | |
300 | #fae5fa | rgb(250, 229, 250) | hsl(300, 67%, 94%) | |
315 | #fae5f5 | rgb(250, 229, 245) | hsl(315, 67%, 94%) | |
330 | #fae5f0 | rgb(250, 229, 240) | hsl(330, 67%, 94%) | |
345 | #fae5eb | rgb(250, 229, 235) | hsl(345, 67%, 94%) | |
360 | #fae5e5 | rgb(250, 229, 229) | hsl(0, 67%, 94%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #fff0e0 | rgb(255, 240, 224) | hsl(30, 100%, 94%) | |
95% | #fef0e1 | rgb(254, 240, 225) | hsl(30, 95%, 94%) | |
90% | #fdf0e2 | rgb(253, 240, 226) | hsl(30, 90%, 94%) | |
85% | #fdf0e3 | rgb(253, 240, 227) | hsl(30, 85%, 94%) | |
80% | #fcf0e3 | rgb(252, 240, 227) | hsl(30, 80%, 94%) | |
75% | #fbf0e4 | rgb(251, 240, 228) | hsl(30, 75%, 94%) | |
70% | #faf0e5 | rgb(250, 240, 229) | hsl(30, 70%, 94%) | |
67% | #faf0e6 | rgb(250, 240, 230) | hsl(30, 67%, 94%) | |
65% | #faf0e6 | rgb(250, 240, 230) | hsl(30, 65%, 94%) | |
60% | #f9f0e7 | rgb(249, 240, 231) | hsl(30, 60%, 94%) | |
55% | #f8f0e7 | rgb(248, 240, 231) | hsl(30, 55%, 94%) | |
50% | #f7f0e8 | rgb(247, 240, 232) | hsl(30, 50%, 94%) | |
45% | #f7f0e9 | rgb(247, 240, 233) | hsl(30, 45%, 94%) | |
40% | #f6f0ea | rgb(246, 240, 234) | hsl(30, 40%, 94%) | |
35% | #f5f0ea | rgb(245, 240, 234) | hsl(30, 35%, 94%) | |
30% | #f4f0eb | rgb(244, 240, 235) | hsl(30, 30%, 94%) | |
25% | #f4f0ec | rgb(244, 240, 236) | hsl(30, 25%, 94%) | |
20% | #f3f0ed | rgb(243, 240, 237) | hsl(30, 20%, 94%) | |
15% | #f2f0ed | rgb(242, 240, 237) | hsl(30, 15%, 94%) | |
10% | #f1f0ee | rgb(241, 240, 238) | hsl(30, 10%, 94%) | |
5% | #f0f0ef | rgb(240, 240, 239) | hsl(30, 5%, 94%) | |
0% | #f0f0f0 | rgb(240, 240, 240) | hsl(30, 0%, 94%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(30, 67%, 100%) | |
95% | #fbf2ea | rgb(251, 242, 234) | hsl(30, 67%, 95%) | |
94% | #faf0e6 | rgb(250, 240, 230) | hsl(30, 67%, 94%) | |
90% | #f7e6d4 | rgb(247, 230, 212) | hsl(30, 67%, 90%) | |
85% | #f2d9bf | rgb(242, 217, 191) | hsl(30, 67%, 85%) | |
80% | #eeccaa | rgb(238, 204, 170) | hsl(30, 67%, 80%) | |
75% | #eabf95 | rgb(234, 191, 149) | hsl(30, 67%, 75%) | |
70% | #e6b37f | rgb(230, 179, 127) | hsl(30, 67%, 70%) | |
65% | #e2a66a | rgb(226, 166, 106) | hsl(30, 67%, 65%) | |
60% | #dd9955 | rgb(221, 153, 85) | hsl(30, 67%, 60%) | |
55% | #d98c3f | rgb(217, 140, 63) | hsl(30, 67%, 55%) | |
50% | #d5802a | rgb(213, 128, 42) | hsl(30, 67%, 50%) | |
45% | #c07326 | rgb(192, 115, 38) | hsl(30, 67%, 45%) | |
40% | #aa6622 | rgb(170, 102, 34) | hsl(30, 67%, 40%) | |
35% | #95591d | rgb(149, 89, 29) | hsl(30, 67%, 35%) | |
30% | #804d19 | rgb(128, 77, 25) | hsl(30, 67%, 30%) | |
25% | #6a4015 | rgb(106, 64, 21) | hsl(30, 67%, 25%) | |
20% | #553311 | rgb(85, 51, 17) | hsl(30, 67%, 20%) | |
15% | #40260d | rgb(64, 38, 13) | hsl(30, 67%, 15%) | |
10% | #2b1a08 | rgb(43, 26, 8) | hsl(30, 67%, 10%) | |
5% | #150d04 | rgb(21, 13, 4) | hsl(30, 67%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(30, 67%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
250 | 240 | 230 |
rgb(250, 240, 230)
#faf0e6
#faf0e6