Floralwhite

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

#fffaf0rgb(255, 250, 240)
Hex
#fffaf0
RGB
255, 250, 240
HSL
40°, 100%, 97%
OKLCH
98.6% 0.014 84.6
LAB
98.4 -0.0 5.4

Open #fffaf0 in the explorer

Text contrast

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

Black text20.2:1 AAAAPCA Lc 103
White text1.0:1 FailAPCA Lc 0

Color vision

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

Full color
#fffaf0
Protanopia
#fdfaef
Deuteranopia
#fefbf0
Tritanopia
#fff8f7

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: floralwhite;
background: #fffaf0;
@theme {
  --color-floralwhite-50: #faf5eb;
  --color-floralwhite-100: #ece7dd;
  --color-floralwhite-200: #d5d0c7;
  --color-floralwhite-300: #b8b4aa;
  --color-floralwhite-400: #9c988f;
  --color-floralwhite-500: #7e7a71;
  --color-floralwhite-600: #646057;
  --color-floralwhite-700: #4e4a42;
  --color-floralwhite-800: #39352d;
  --color-floralwhite-900: #25211a;
  --color-floralwhite-950: #100d07;
}