Lightgoldenrodyellow

lightgoldenrodyellow is a CSS color keyword. The closest Tailwind step is amber-100 (#fef3c7).

#fafad2rgb(250, 250, 210)
Hex
#fafad2
RGB
250, 250, 210
HSL
60°, 80%, 90%
OKLCH
97.5% 0.052 107.3
LAB
97.4 -6.5 19.2

Open #fafad2 in the explorer

Text contrast

Black or white text on #fafad2. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text19.7:1 AAAAPCA Lc 102
White text1.1:1 FailAPCA Lc 0

Color vision

How #fafad2 looks in simulations of color blindness, at full severity.

Full color
#fafad2
Protanopia
#fff6d0
Deuteranopia
#fff8d3
Tritanopia
#fff5ef

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to lightgoldenrodyellow.

50100200300400500600700800900950

Copy into CSS

color: lightgoldenrodyellow;
background: #fafad2;
@theme {
  --color-lightgoldenrodyellow-50: #f8f8d0;
  --color-lightgoldenrodyellow-100: #ebebc3;
  --color-lightgoldenrodyellow-200: #d4d4ad;
  --color-lightgoldenrodyellow-300: #b7b791;
  --color-lightgoldenrodyellow-400: #9b9b76;
  --color-lightgoldenrodyellow-500: #7d7d59;
  --color-lightgoldenrodyellow-600: #636340;
  --color-lightgoldenrodyellow-700: #4d4c2a;
  --color-lightgoldenrodyellow-800: #383715;
  --color-lightgoldenrodyellow-900: #242301;
  --color-lightgoldenrodyellow-950: #0f0e00;
}