Lightgoldenrodyellow colour (#FAFAD2)

Lightgoldenrodyellow is very light a yellow with hex code #FAFAD2, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 250, 250, 210; in HSL 60°, 80%, 90%. Use the tool to explore shades and harmonies.

✓ Runs in your browser — nothing uploaded Free, no sign-upNo watermark

How to use the Lightgoldenrodyellow colour

  1. The colour is pre-filled; click Explore to see all formats, shades and harmonies.
  2. Edit the value to try a variation.
  3. Copy the code you need.

Lightgoldenrodyellow in every format

FormatValue
HEX#FAFAD2
RGBrgb(250, 250, 210)
RGB (0–1)0.980, 0.980, 0.824
HSLhsl(60, 80%, 90%)
CMYK (approx.)0%, 0%, 16%, 2%
CSScolor: lightgoldenrodyellow;

Shades and tints of Lightgoldenrodyellow

Same hue and saturation, lightness from 90% to 10%:

#fafad1 #f5f5a3 #f0f075 #ebeb47 #e6e619 #b8b814 #8a8a0f #5c5c0a #2e2e05

Colours that go with Lightgoldenrodyellow

HarmonyColours
Complementary #d1d1fa
Triadic #d1fafa #fad1fa
Analogous #e6fad1 #fae6d1

Similar named colours

The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:

ColourHEXDifference
lemonchiffon #fffacdvery close
cornsilk #fff8dcvery close
beige #f5f5dcvery close
papayawhip #ffefd5very close
lightyellow #ffffe0very close

Accessibility

Contrast ratio of Lightgoldenrodyellow against white is 1.07:1 (fails WCAG AA for normal text) and against black 19.67:1 (passes). Use black or very dark text on a Lightgoldenrodyellow background rather than white.

Frequently asked questions

What is the hex code for Lightgoldenrodyellow?

#FAFAD2.

What is Lightgoldenrodyellow in RGB?

rgb(250, 250, 210).

What colour is complementary to Lightgoldenrodyellow?

#d1d1fa, directly opposite on the colour wheel.

Privacy

This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.

Last updated 2026-09-23.