Huebook

Light Goldenrod Yellow Analogous Color Scheme

Five colors arranged by the analogous rule around Light Goldenrod Yellow (#FAFAD2), each snapped to its nearest named color.

#FAD0D1
#F9E6D3
#FAFAD2
#E8F4D2
#CCFFCC

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Fading Rose#FAD0D1250, 208, 209359°, 81%, 90%0, 17, 16, 289.4% 0.047 16
Warm Bread#F9E6D3249, 230, 21130°, 76%, 90%0, 8, 15, 293.5% 0.033 67
Light Goldenrod Yellow#FAFAD2250, 250, 21060°, 80%, 90%0, 0, 16, 297.5% 0.052 107
Light Green Veil#E8F4D2232, 244, 21081°, 61%, 89%5, 0, 14, 494.9% 0.046 123
Distilled Moss#CCFFCC204, 255, 204120°, 100%, 90%20, 0, 20, 095.2% 0.086 145

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FAD0D1 on #FAFAD21.31:1—
Aa #FAD0D1 on #CCFFCC1.25:1—
Aa #FAD0D1 on #E8F4D21.22:1—
Aa #FAD0D1 on #F9E6D31.15:1—
Aa #F9E6D3 on #FAFAD21.14:1—
Aa #F9E6D3 on #CCFFCC1.08:1—

CSS variables

:root {
  --color-1: #fad0d1; /* Fading Rose */
  --color-2: #f9e6d3; /* Warm Bread */
  --color-3: #fafad2; /* Light Goldenrod Yellow */
  --color-4: #e8f4d2; /* Light Green Veil */
  --color-5: #ccffcc; /* Distilled Moss */
}

Other schemes from Light Goldenrod Yellow

More very light yellow analogous color schemes

Questions

What colors go with Light Goldenrod Yellow?

In a analogous scheme: Fading Rose (#FAD0D1), Warm Bread (#F9E6D3), Light Green Veil (#E8F4D2), Distilled Moss (#CCFFCC).

What is the hex code of Light Goldenrod Yellow?

#FAFAD2.