Pale Goldenrod #EEE8AA

Pale Goldenrod color (#EEE8AA)

Pale Goldenrod is one of the 148 CSS named colors. Use the keyword palegoldenrod anywhere CSS accepts a color, or its hex code #EEE8AA, which is rgb(238, 232, 170) in RGB.

It is a very light, moderately saturated warm color with a hue angle of 55° on the HSL color wheel and a perceived lightness of 92% in OKLCH. On a pale goldenrod background, black text gives the higher contrast at 16.75:1, which passes WCAG AA for normal text.

Pale Goldenrod color codes

CSS name palegoldenrod
HEX #EEE8AA
HEX (8-digit) #EEE8AAFF
RGB rgb(238, 232, 170)
HSL hsl(55, 67%, 80%)
HSV / HSB hsv(55, 29%, 93%)
OKLCH oklch(92.1% 0.0798 103.2)
CMYK cmyk(0%, 2.5%, 28.6%, 6.7%)

Contrast with white and black

WCAG 2 contrast ratios and APCA lightness contrast (Lc) for pale goldenrod used as text and as a background.

Aa Sample text
Pale Goldenrod text on white
1.25:1 WCAG Lc 12.5 APCA Fails AA
Aa Sample text
Pale Goldenrod text on black
16.75:1 WCAG Lc -91.4 APCA Passes AA
Aa Sample text
White text on pale goldenrod
1.25:1 WCAG Lc -14.5 APCA Fails AA
Aa Sample text
Black text on pale goldenrod
16.75:1 WCAG Lc 91.1 APCA Passes AA

Tints and shades of pale goldenrod

Tints mix pale goldenrod with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.

Tints

Shades

Colors that go with pale goldenrod

Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.

Complementary

Analogous

Triadic

Split-Complementary

Pale Goldenrod with color blindness

Approximately how pale goldenrod appears with each type of color vision deficiency. Test full designs with the color blindness simulator.

Using pale goldenrod in CSS

.element {
  color: palegoldenrod;
  background-color: #eee8aa;
  border-color: rgb(238 232 170 / 50%);
  outline-color: oklch(92.1% 0.0798 103.2);
}

Similar named colors

See all shades of yellow or browse every CSS color name.

Related tools