Seashell

seashell is a CSS color keyword. The closest Tailwind step is orange-50 (#fff7ed).

#fff5eergb(255, 245, 238)
Hex
#fff5ee
RGB
255, 245, 238
HSL
25°, 100%, 97%
OKLCH
97.6% 0.014 57.6
LAB
97.1 2.2 4.6

Open #fff5ee in the explorer

Text contrast

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

Black text19.5:1 AAAAPCA Lc 101
White text1.1:1 FailAPCA Lc 0

Color vision

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

Full color
#fff5ee
Protanopia
#f8f5ee
Deuteranopia
#faf8ee
Tritanopia
#fff3f3

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: seashell;
background: #fff5ee;
@theme {
  --color-seashell-50: #fdf3ec;
  --color-seashell-100: #f0e6df;
  --color-seashell-200: #d9cfc8;
  --color-seashell-300: #bcb2ac;
  --color-seashell-400: #9f9690;
  --color-seashell-500: #817872;
  --color-seashell-600: #675f59;
  --color-seashell-700: #514943;
  --color-seashell-800: #3b342e;
  --color-seashell-900: #27201b;
  --color-seashell-950: #120c07;
}