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
PaleGoldenRod
#eee8aa
rgb(238, 232, 170)
hsl(55, 67%, 80%)
Lighter / Darker:
100% | #ffffff | |
95% | #fbf9ea | |
90% | #f7f4d4 | |
85% | #f2eebf | |
80% | #eee8aa | |
75% | #eae395 | |
70% | #e6dd7f | |
65% | #e2d86a | |
60% | #ddd255 | |
55% | #d9cc3f | |
50% | #d5c72a | |
45% | #c0b326 | |
40% | #aa9f22 | |
35% | #958b1d | |
30% | #807719 | |
25% | #6a6315 | |
20% | #554f11 | |
15% | #403c0d | |
10% | #2b2808 | |
5% | #151404 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #eeaaaa | rgb(238, 170, 170) | hsl(0, 67%, 80%) | |
15 | #eebbaa | rgb(238, 187, 170) | hsl(15, 67%, 80%) | |
30 | #eeccaa | rgb(238, 204, 170) | hsl(30, 67%, 80%) | |
45 | #eeddaa | rgb(238, 221, 170) | hsl(45, 67%, 80%) | |
55 | #eee8aa | rgb(238, 232, 170) | hsl(55, 67%, 80%) | |
60 | #eeeeaa | rgb(238, 238, 170) | hsl(60, 67%, 80%) | |
75 | #ddeeaa | rgb(221, 238, 170) | hsl(75, 67%, 80%) | |
90 | #cceeaa | rgb(204, 238, 170) | hsl(90, 67%, 80%) | |
105 | #bbeeaa | rgb(187, 238, 170) | hsl(105, 67%, 80%) | |
120 | #aaeeaa | rgb(170, 238, 170) | hsl(120, 67%, 80%) | |
135 | #aaeebb | rgb(170, 238, 187) | hsl(135, 67%, 80%) | |
150 | #aaeecc | rgb(170, 238, 204) | hsl(150, 67%, 80%) | |
165 | #aaeedd | rgb(170, 238, 221) | hsl(165, 67%, 80%) | |
180 | #aaeeee | rgb(170, 238, 238) | hsl(180, 67%, 80%) | |
195 | #aaddee | rgb(170, 221, 238) | hsl(195, 67%, 80%) | |
210 | #aaccee | rgb(170, 204, 238) | hsl(210, 67%, 80%) | |
225 | #aabbee | rgb(170, 187, 238) | hsl(225, 67%, 80%) | |
240 | #aaaaee | rgb(170, 170, 238) | hsl(240, 67%, 80%) | |
255 | #bbaaee | rgb(187, 170, 238) | hsl(255, 67%, 80%) | |
270 | #ccaaee | rgb(204, 170, 238) | hsl(270, 67%, 80%) | |
285 | #ddaaee | rgb(221, 170, 238) | hsl(285, 67%, 80%) | |
300 | #eeaaee | rgb(238, 170, 238) | hsl(300, 67%, 80%) | |
315 | #eeaadd | rgb(238, 170, 221) | hsl(315, 67%, 80%) | |
330 | #eeaacc | rgb(238, 170, 204) | hsl(330, 67%, 80%) | |
345 | #eeaabb | rgb(238, 170, 187) | hsl(345, 67%, 80%) | |
360 | #eeaaaa | rgb(238, 170, 170) | hsl(0, 67%, 80%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #fff799 | rgb(255, 247, 153) | hsl(55, 100%, 80%) | |
95% | #fcf49c | rgb(252, 244, 156) | hsl(55, 95%, 80%) | |
90% | #faf29e | rgb(250, 242, 158) | hsl(55, 90%, 80%) | |
85% | #f7f0a1 | rgb(247, 240, 161) | hsl(55, 85%, 80%) | |
80% | #f5eea3 | rgb(245, 238, 163) | hsl(55, 80%, 80%) | |
75% | #f2eca6 | rgb(242, 236, 166) | hsl(55, 75%, 80%) | |
70% | #f0eaa8 | rgb(240, 234, 168) | hsl(55, 70%, 80%) | |
67% | #eee8aa | rgb(238, 232, 170) | hsl(55, 67%, 80%) | |
65% | #ede8ab | rgb(237, 232, 171) | hsl(55, 65%, 80%) | |
60% | #ebe6ad | rgb(235, 230, 173) | hsl(55, 60%, 80%) | |
55% | #e8e3b0 | rgb(232, 227, 176) | hsl(55, 55%, 80%) | |
50% | #e6e1b3 | rgb(230, 225, 179) | hsl(55, 50%, 80%) | |
45% | #e3dfb5 | rgb(227, 223, 181) | hsl(55, 45%, 80%) | |
40% | #e0ddb8 | rgb(224, 221, 184) | hsl(55, 40%, 80%) | |
35% | #dedbba | rgb(222, 219, 186) | hsl(55, 35%, 80%) | |
30% | #dbd9bd | rgb(219, 217, 189) | hsl(55, 30%, 80%) | |
25% | #d9d7bf | rgb(217, 215, 191) | hsl(55, 25%, 80%) | |
20% | #d6d4c2 | rgb(214, 212, 194) | hsl(55, 20%, 80%) | |
15% | #d4d2c4 | rgb(212, 210, 196) | hsl(55, 15%, 80%) | |
10% | #d1d0c7 | rgb(209, 208, 199) | hsl(55, 10%, 80%) | |
5% | #cfcec9 | rgb(207, 206, 201) | hsl(55, 5%, 80%) | |
0% | #cccccc | rgb(204, 204, 204) | hsl(55, 0%, 80%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(55, 67%, 100%) | |
95% | #fbf9ea | rgb(251, 249, 234) | hsl(55, 67%, 95%) | |
90% | #f7f4d4 | rgb(247, 244, 212) | hsl(55, 67%, 90%) | |
85% | #f2eebf | rgb(242, 238, 191) | hsl(55, 67%, 85%) | |
80% | #eee8aa | rgb(238, 232, 170) | hsl(55, 67%, 80%) | |
75% | #eae395 | rgb(234, 227, 149) | hsl(55, 67%, 75%) | |
70% | #e6dd7f | rgb(230, 221, 127) | hsl(55, 67%, 70%) | |
65% | #e2d86a | rgb(226, 216, 106) | hsl(55, 67%, 65%) | |
60% | #ddd255 | rgb(221, 210, 85) | hsl(55, 67%, 60%) | |
55% | #d9cc3f | rgb(217, 204, 63) | hsl(55, 67%, 55%) | |
50% | #d5c72a | rgb(213, 199, 42) | hsl(55, 67%, 50%) | |
45% | #c0b326 | rgb(192, 179, 38) | hsl(55, 67%, 45%) | |
40% | #aa9f22 | rgb(170, 159, 34) | hsl(55, 67%, 40%) | |
35% | #958b1d | rgb(149, 139, 29) | hsl(55, 67%, 35%) | |
30% | #807719 | rgb(128, 119, 25) | hsl(55, 67%, 30%) | |
25% | #6a6315 | rgb(106, 99, 21) | hsl(55, 67%, 25%) | |
20% | #554f11 | rgb(85, 79, 17) | hsl(55, 67%, 20%) | |
15% | #403c0d | rgb(64, 60, 13) | hsl(55, 67%, 15%) | |
10% | #2b2808 | rgb(43, 40, 8) | hsl(55, 67%, 10%) | |
5% | #151404 | rgb(21, 20, 4) | hsl(55, 67%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(55, 67%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
238 | 232 | 170 |
rgb(238, 232, 170)
#eee8aa
#eee8aa