Lightyellow

lightyellow is a CSS color keyword. The closest Tailwind step is lime-50 (#f7fee7).

#ffffe0rgb(255, 255, 224)

Hex: #ffffe0
RGB: 255, 255, 224
HSL: 60°, 100%, 94%
OKLCH: 99.2% 0.040 107.1
LAB: 99.3 -5.1 14.8

Open #ffffe0 in the explorer

Text contrast

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

Black text20.6:1 AAAAPCA Lc 105

White text1.0:1 FailAPCA Lc 0

Color vision

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

Full color
#ffffe0

Protanopia
#fffcde

Deuteranopia
#fffee1

Tritanopia
#fffbf6

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: lightyellow;
background: #ffffe0;

@theme {
  --color-lightyellow-50: #f8f8d9;
  --color-lightyellow-100: #eaeacc;
  --color-lightyellow-200: #d3d3b5;
  --color-lightyellow-300: #b7b699;
  --color-lightyellow-400: #9b9a7e;
  --color-lightyellow-500: #7d7c61;
  --color-lightyellow-600: #636248;
  --color-lightyellow-700: #4d4c32;
  --color-lightyellow-800: #38371e;
  --color-lightyellow-900: #24230a;
  --color-lightyellow-950: #0f0e00;
}