#FAFEEA#FAFEEA

#FAFEEA is a very light, muted yellow-green. Relative luminance 0.971; OKLCH L 98.9% C 0.026 H 116.1°. Best body text is #000000 at 20.43:1 contrast (WCAG AA passes).

Color values

HEX	#FAFEEA
RGB	rgb(250, 254, 234)
HSL	hsl(72, 91%, 96%)
HSV	hsv(72, 8%, 100%)
CMYK	cmyk(1.6%, 0%, 7.9%, 0.4%)
CIE-LAB	lab(98.89, -4.73, 9.11)
CIE-LCH	lch(98.89, 10.26, 117.46°)
OKLab	oklab(98.87% -0.0116 0.0238)
OKLCH	oklch(98.87% 0.026 116.1)
XYZ	xyz(89.7153, 97.1483, 91.8511)
Luminance	0.9715 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#FAFEEA #EEEAFE

analogous

#FEF8EA #FAFEEA #F0FEEA

triadic

#FAFEEA #EAFAFE #FEEAFA

tetradic

#FAFEEA #EAFEF8 #EEEAFE #FEEAF0

square

#FAFEEA #EAFEF8 #EEEAFE #FEEAF0

split-complementary

#FAFEEA #EAF0FE #F8EAFE

monochromatic

#DEF875 #ECFBB0 #F8FEE2 #F8FEE2 #F8FEE2

Accessibility & contrast

On white

1.03

#FAFEEA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

20.43

#FAFEEA on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FAFEEA

20.43:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##FAFEEA	#FFFFFF	#000000	##000000
##FAFEEA	1.00	1.03	20.43	20.43
#FFFFFF	1.03	1.00	21.00	21.00
#000000	20.43	21.00	1.00	1.00
##000000	20.43	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FFFCE9

Deuteranopia (green-blind)

#FFFCEB

Tritanopia (blue-blind)

#FCFBF8

Achromatopsia (no color)

#FCFCFC

Design tokens & code

CSS

--color: #fafeea;
/* rgb */ color: rgb(250, 254, 234);
/* oklch */ color: oklch(98.9% 0.026 116.1);

Tailwind

colors: {
  custom: {
    50: '#fcfef0',
    500: '#fafeea',
    950: '#000000',
  },
}

SCSS

$custom: #fafeea;
$custom-light: #fcfef0;
$custom-dark: #000000;

JSON

{
  "hex": "#fafeea",
  "rgb": {
    "r": 250,
    "g": 254,
    "b": 234
  },
  "hsl": {
    "h": 72,
    "s": 90.909,
    "l": 95.686
  },
  "oklch": {
    "l": 0.98868,
    "c": 0.02648,
    "h": 116.1
  },
  "luminance": 0.97148
}

Semantic roles & 50–950 ramp

primary

#FAFEEA

secondary

#B0A2EA

accent

#00E62E

background

#FFFFFF

surface

#FFFFFE

border

#D7D7D6

text

#171716

muted

#858585

Preview Lab

Preview with #FAFEEA

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →