#FAF4EE

#FAF4EE

Color Values

HEX

#FAF4EE

RGB

250, 244, 238

HSL

30.0, 54.5%, 95.7%

HSV

30.0, 4.8%, 98.0%

CMYK

0.0%, 2.4%, 4.8%, 2.0%

OKLCH

0.9701 0.0103 67.7

Properties

Warm Light Nearest: seashell

Color Harmonies

Complementary

#FAF4EE

#EEF4FA

Analogous

#FAEEEE

#FAFAEE

#FAF4EE

Triadic

#FAF4EE

#EEFAF4

#F4EEFA

Split Complementary

#FAF4EE

#EEFAFA

#EEEEFA

Tetradic

#FAF4EE

#EEFAEE

#EEF4FA

#FAEEFA

Color Blindness Simulation

Original

#FAF4EE

Protanopia

#F7F7EF

Deuteranopia

#F8F8F0

Tritanopia

#FAF1F1

Achromatopsia

#F5F5F5

CSS Usage

background-color: #FAF4EE;
color: #FAF4EE;
border-color: #FAF4EE;
Nearest Tailwind: Orange 50 #FFF7ED

Tailwind Shades

50
#FBF7F4
100
#F5EDE5
200
#EFDBC8
300
#E3C2A0
400
#D4A16D
500
#C5803A
600
#9E662E
700
#7E5225
800
#62401D
900
#483019
950
#2E1F10

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026