Pale Goldenrod Color (#EEE8AA)

#EEE8AArgb(238, 232, 170)

Pale Goldenrod is a CSS named color defined as hex code #EEE8AA. Pale Goldenrod is a pale, soft yellow with a slightly muted quality, between light yellow and khaki.

Color Overview & Formats

CSS: palegoldenrodLuminance: 0.7879
HEX
#EEE8AA
RGB
rgb(238, 232, 170)
HSL
hsl(55, 67%, 80%)
Pale Goldenrod (#EEE8AA) Color Format Conversions
FormatSyntax / ValuesNotesAction
HEX#EEE8AA6-digit hex web code
RGBrgb(238, 232, 170)Red, Green, Blue channels (0-255)
HSLhsl(55, 67%, 80%)Hue (55°), Saturation (67%), Lightness (80%)
HSV / HSBhsv(55, 29%, 93%)Hue, Saturation (29%), Value/Brightness (93%)
CMYKcmyk(0%, 3%, 29%, 7%)Digital mathematical approximation (non-print)
OKLCHoklch(0.921 0.080 103.2)Perceptually uniform color space (CSS Color 4 approximation)
CSS Implementation & Quick Steps
background-color: #EEE8AA; /* or palegoldenrod */
  1. Select color format: Choose the desired format (HEX #EEE8AA, RGB, or HSL).
  2. Copy the code: Click the copy button or press Tab+Enter to store in clipboard.
  3. Pair with black text: Black text on Pale Goldenrod reaches 16.76:1 (WCAG AAA).

What Colors Go With Pale Goldenrod?

These 6 colors all go well with Pale Goldenrod (#EEE8AA), and each one is a standard CSS named color. The ratio is the WCAG 2.2 contrast of that color on Pale Goldenrod: at 4.5:1 or above it works for text; below that, use it for backgrounds and accents.

Black

#000000
16.76:1Text-safe

Sharp, readable text on pale goldenrod.

7.12:1Text-safe

A dark neutral for body text.

Navy

#000080
12.78:1Text-safe

A deep blue for strong, readable text.

5.66:1Text-safe

A warm brown for vintage, paper-like palettes.

Dark Olive Green

#556B2F
4.75:1Text-safe

A tonal green for natural, earthy themes.

Maroon

#800000
8.74:1Text-safe

A deep red for warm, readable accents.

Harmonious Palettes & Tints

The palettes below are algorithmically generated across standard intervals based on Pale Goldenrod (HSL 55°). Each group offers full palette copy and live preview:

Complementary Harmony

Hue rotated 180 degrees on the HSL wheel (55° to 235°), keeping the original saturation and lightness.

Pale Goldenrod
#EEE8AA
Complement (235°)
#AAB0EE
Live UI Component Mockup
Component Header SampleBlack text on Pale Goldenrod: 16.76:1 (WCAG AAA).
Button style preview

Analogous Harmony

Hues 30 degrees either side (25° and 85°), keeping the original saturation and lightness.

Analogous (25°)
#EEC6AA
Pale Goldenrod
#EEE8AA
Analogous (85°)
#D2EEAA
Live UI Component Mockup
Component Header SampleBlack text on Pale Goldenrod: 16.76:1 (WCAG AAA).
Button style preview

Triadic Harmony

Hues spaced evenly by 120 degrees (175° and 295°), keeping the original saturation and lightness.

Pale Goldenrod
#EEE8AA
Triadic (175°)
#AAEEE8
Triadic (295°)
#E8AAEE
Live UI Component Mockup
Component Header SampleBlack text on Pale Goldenrod: 16.76:1 (WCAG AAA).
Button style preview

Tints & Shades

Mixed with white (tints) and black (shades) in sRGB at 60% and 30%.

Tint 60%
#F8F6DD
Tint 30%
#F3EFC4
Pale Goldenrod
#EEE8AA
Shade 30%
#A7A277
Shade 60%
#5F5D44
Live UI Component Mockup
Component Header SampleBlack text on Pale Goldenrod: 16.76:1 (WCAG AAA).
Button style preview

WCAG 2.2 Text Readability & Contrast Check

Under WCAG 2.2 criteria, regular body text requires at least 4.5:1 (AA) and large text requires at least 3.0:1. The table below displays calculated contrast ratios:

Text Contrast Ratios on Pale Goldenrod (#EEE8AA)
Foreground ColorContrast RatioNormal Text (AA)Large Text (AA)Normal Text AAA (>= 7.0:1)
Pure Black (#000000)
16.76:1PassPassPass
Pure White (#FFFFFF)
1.25:1FailFailFail
Dark Charcoal (#212529)
12.31:1PassPassPass
Mid Gray (#666666)
4.58:1PassPassFail

Interactive Contrast Tester

Enter text foreground and background colors to verify WCAG legibility:

Calculated Ratio:
16.76:1
Normal: Pass AAALarge: Pass AAA
Large Heading Sample (18pt Bold)

This is sample body text rendered directly to verify contrast and readability.

Pale Goldenrod Background Download

Download standard 1920x1080 solid desktop wallpaper or generate mobile wallpaper:

Pale Goldenrod 1920x1080 solid color background wallpaper previewStandard Wallpaper: 1920x1080 PNG (#EEE8AA)

Download Options

All wallpaper files precisely match the W3C standard color value:

Download 1920x1080 PNG

CSS Standard & Usage Notes

palegoldenrod = #eee8aa (rgb(238, 232, 170))
W3C CSS Color 4

UI Design & Accessibility Guidelines

Use it for backgrounds, cards, vintage paper effects and warm, gentle layouts. On Pale Goldenrod, black text passes WCAG AAA at every size (16.76:1); white text fails even for large text (1.25:1).

Published: · Modified: · Editorial: SwatchAtlas Editorial Team

Frequently Asked Questions (FAQ)

Can I use black text on Pale Goldenrod?

Yes. Black text on Pale Goldenrod has a WCAG 2.2 contrast ratio of 16.76:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

Can I use white text on Pale Goldenrod?

No. White text on Pale Goldenrod has a WCAG 2.2 contrast ratio of only 1.25:1, below the 3:1 minimum even for large text.

What colors go with Pale Goldenrod?

Black, Dark Slate Gray, Navy, Saddle Brown, Dark Olive Green and Maroon all go well with Pale Goldenrod. Black (16.76:1), Dark Slate Gray (7.12:1), Navy (12.78:1), Saddle Brown (5.66:1), Dark Olive Green (4.75:1) and Maroon (8.74:1) have enough contrast for text on Pale Goldenrod.

Is pale goldenrod the same as goldenrod?

No. Goldenrod (#DAA520) is a saturated orange-gold with a hue of 43°, while Pale Goldenrod (#EEE8AA) is a pale yellow with a hue of 55°.