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
Khaki
#f0e68c
rgb(240, 230, 140)
hsl(54, 77%, 75%)
Lighter / Darker:
100% | #ffffff | |
95% | #fcfae8 | |
90% | #f9f5d2 | |
85% | #f6f0bb | |
80% | #f3eba5 | |
75% | #f0e68c | |
70% | #ede278 | |
65% | #eadd61 | |
60% | #e8d84a | |
55% | #e5d334 | |
50% | #e2ce1d | |
45% | #cbb91a | |
40% | #b5a517 | |
35% | #9e9015 | |
30% | #877c12 | |
25% | #71670f | |
20% | #5a520c | |
15% | #443e09 | |
10% | #2d2906 | |
5% | #171503 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #f08e8e | rgb(240, 142, 142) | hsl(0, 77%, 75%) | |
15 | #f0a78e | rgb(240, 167, 142) | hsl(15, 77%, 75%) | |
30 | #f0bf8e | rgb(240, 191, 142) | hsl(30, 77%, 75%) | |
45 | #f0d88e | rgb(240, 216, 142) | hsl(45, 77%, 75%) | |
54 | #f0e68c | rgb(240, 230, 140) | hsl(54, 77%, 75%) | |
60 | #f0f08e | rgb(240, 240, 142) | hsl(60, 77%, 75%) | |
75 | #d8f08e | rgb(216, 240, 142) | hsl(75, 77%, 75%) | |
90 | #bff08e | rgb(191, 240, 142) | hsl(90, 77%, 75%) | |
105 | #a7f08e | rgb(167, 240, 142) | hsl(105, 77%, 75%) | |
120 | #8ef08e | rgb(142, 240, 142) | hsl(120, 77%, 75%) | |
135 | #8ef0a7 | rgb(142, 240, 167) | hsl(135, 77%, 75%) | |
150 | #8ef0bf | rgb(142, 240, 191) | hsl(150, 77%, 75%) | |
165 | #8ef0d8 | rgb(142, 240, 216) | hsl(165, 77%, 75%) | |
180 | #8ef0f0 | rgb(142, 240, 240) | hsl(180, 77%, 75%) | |
195 | #8ed8f0 | rgb(142, 216, 240) | hsl(195, 77%, 75%) | |
210 | #8ebff0 | rgb(142, 191, 240) | hsl(210, 77%, 75%) | |
225 | #8ea7f0 | rgb(142, 167, 240) | hsl(225, 77%, 75%) | |
240 | #8e8ef0 | rgb(142, 142, 240) | hsl(240, 77%, 75%) | |
255 | #a78ef0 | rgb(167, 142, 240) | hsl(255, 77%, 75%) | |
270 | #bf8ef0 | rgb(191, 142, 240) | hsl(270, 77%, 75%) | |
285 | #d88ef0 | rgb(216, 142, 240) | hsl(285, 77%, 75%) | |
300 | #f08ef0 | rgb(240, 142, 240) | hsl(300, 77%, 75%) | |
315 | #f08ed8 | rgb(240, 142, 216) | hsl(315, 77%, 75%) | |
330 | #f08ebf | rgb(240, 142, 191) | hsl(330, 77%, 75%) | |
345 | #f08ea7 | rgb(240, 142, 167) | hsl(345, 77%, 75%) | |
360 | #f08e8e | rgb(240, 142, 142) | hsl(0, 77%, 75%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #fff280 | rgb(255, 242, 128) | hsl(54, 100%, 75%) | |
95% | #fcf083 | rgb(252, 240, 131) | hsl(54, 95%, 75%) | |
90% | #f9ed86 | rgb(249, 237, 134) | hsl(54, 90%, 75%) | |
85% | #f5eb89 | rgb(245, 235, 137) | hsl(54, 85%, 75%) | |
80% | #f2e88c | rgb(242, 232, 140) | hsl(54, 80%, 75%) | |
77% | #f0e68c | rgb(240, 230, 140) | hsl(54, 77%, 75%) | |
75% | #efe68f | rgb(239, 230, 143) | hsl(54, 75%, 75%) | |
70% | #ece393 | rgb(236, 227, 147) | hsl(54, 70%, 75%) | |
65% | #e9e096 | rgb(233, 224, 150) | hsl(54, 65%, 75%) | |
60% | #e6de99 | rgb(230, 222, 153) | hsl(54, 60%, 75%) | |
55% | #e2db9c | rgb(226, 219, 156) | hsl(54, 55%, 75%) | |
50% | #dfd99f | rgb(223, 217, 159) | hsl(54, 50%, 75%) | |
45% | #dcd6a3 | rgb(220, 214, 163) | hsl(54, 45%, 75%) | |
40% | #d9d4a6 | rgb(217, 212, 166) | hsl(54, 40%, 75%) | |
35% | #d6d1a9 | rgb(214, 209, 169) | hsl(54, 35%, 75%) | |
30% | #d2cfac | rgb(210, 207, 172) | hsl(54, 30%, 75%) | |
25% | #cfccaf | rgb(207, 204, 175) | hsl(54, 25%, 75%) | |
20% | #ccc9b3 | rgb(204, 201, 179) | hsl(54, 20%, 75%) | |
15% | #c9c7b6 | rgb(201, 199, 182) | hsl(54, 15%, 75%) | |
10% | #c6c4b9 | rgb(198, 196, 185) | hsl(54, 10%, 75%) | |
5% | #c2c2bc | rgb(194, 194, 188) | hsl(54, 5%, 75%) | |
0% | #bfbfbf | rgb(191, 191, 191) | hsl(54, 0%, 75%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(54, 77%, 100%) | |
95% | #fcfae8 | rgb(252, 250, 232) | hsl(54, 77%, 95%) | |
90% | #f9f5d2 | rgb(249, 245, 210) | hsl(54, 77%, 90%) | |
85% | #f6f0bb | rgb(246, 240, 187) | hsl(54, 77%, 85%) | |
80% | #f3eba5 | rgb(243, 235, 165) | hsl(54, 77%, 80%) | |
75% | #f0e68c | rgb(240, 230, 140) | hsl(54, 77%, 75%) | |
70% | #ede278 | rgb(237, 226, 120) | hsl(54, 77%, 70%) | |
65% | #eadd61 | rgb(234, 221, 97) | hsl(54, 77%, 65%) | |
60% | #e8d84a | rgb(232, 216, 74) | hsl(54, 77%, 60%) | |
55% | #e5d334 | rgb(229, 211, 52) | hsl(54, 77%, 55%) | |
50% | #e2ce1d | rgb(226, 206, 29) | hsl(54, 77%, 50%) | |
45% | #cbb91a | rgb(203, 185, 26) | hsl(54, 77%, 45%) | |
40% | #b5a517 | rgb(181, 165, 23) | hsl(54, 77%, 40%) | |
35% | #9e9015 | rgb(158, 144, 21) | hsl(54, 77%, 35%) | |
30% | #877c12 | rgb(135, 124, 18) | hsl(54, 77%, 30%) | |
25% | #71670f | rgb(113, 103, 15) | hsl(54, 77%, 25%) | |
20% | #5a520c | rgb(90, 82, 12) | hsl(54, 77%, 20%) | |
15% | #443e09 | rgb(68, 62, 9) | hsl(54, 77%, 15%) | |
10% | #2d2906 | rgb(45, 41, 6) | hsl(54, 77%, 10%) | |
5% | #171503 | rgb(23, 21, 3) | hsl(54, 77%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(54, 77%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
240 | 230 | 140 |
rgb(240, 230, 140)
#f0e68c
#f0e68c