What does the color FloralWhite mean?

Orange

FloralWhite

#fffaf0

#fffbf3

#fffcf6

#fffdf9

#fffefc

#e6e2da

Meaning

Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.

History

FloralWhite is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use FloralWhite (#fffaf0) in CSS as color: floralwhite; or as #fffaf0.

Preview

FloralWhite

#fffaf0

Overview

Family: Orange

Accessibility on this swatch:

AAA

(20.18:1)

Contrast vs white: 1.04:1 · vs black: 20.18:1

Formats

HEX

#fffaf0

RGB

rgb(255, 250, 240)

RGBA

rgba(255, 250, 240, 1)

HSL

hsl(40, 100%, 97%)

HSV

hsv(40, 6%, 100%)

LAB

lab(98.4% -0.04 5.38)

LCH

lch(98.4% 5.38 90.43)

OKLAB

oklab(0.9862 0.0013 0.0142)

OKLCH

oklch(0.9862 0.0143 84.77)

XYZ

xyz(91.15, 95.92, 96.13)

CMYK

cmyk(0%, 2%, 6%, 0%)

CSS

color: #fffaf0;

CSS variable

--color-fffaf0: #fffaf0;

SCSS

$color-fffaf0: #fffaf0;

Tailwind

orange-50

Export

Developer code

:root {
  --floralwhite-1: #fffaf0;
}

Color psychology

Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#fffbf3

#fffcf6

#fffdf9

#fffefc

#e6e2da

#ccc9c3

#b3b1ad

#999896

Similar colors

#fff5ee

#fdf5e6

#fffff0

#faf0e6

#fffafa

#ffffff

#f5f5f5

#f5fffa

Browse more in the color name library.