Ivory

ivory is a CSS color keyword. The closest Tailwind step is amber-50 (#fffbeb).

#fffff0rgb(255, 255, 240)

Hex: #fffff0
RGB: 255, 255, 240
HSL: 60°, 100%, 97%
OKLCH: 99.6% 0.020 106.8
LAB: 99.6 -2.6 7.2

Open #fffff0 in the explorer

Text contrast

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

Black text20.8:1 AAAAPCA Lc 105

White text1.0:1 FailAPCA Lc 0

Color vision

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

Full color
#fffff0

Protanopia
#fffeef

Deuteranopia
#fffef0

Tritanopia
#fffdfb

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: ivory;
background: #fffff0;

@theme {
  --color-ivory-50: #f6f6e7;
  --color-ivory-100: #e9e9da;
  --color-ivory-200: #d2d2c4;
  --color-ivory-300: #b5b5a7;
  --color-ivory-400: #99998c;
  --color-ivory-500: #7b7b6e;
  --color-ivory-600: #616155;
  --color-ivory-700: #4b4b3f;
  --color-ivory-800: #36362b;
  --color-ivory-900: #232217;
  --color-ivory-950: #0e0e05;
}