#FAF2F0

#FAF2F0

Color Values

HEX

#FAF2F0

RGB

250, 242, 240

HSL

12.0, 50.0%, 96.1%

HSV

12.0, 4.0%, 98.0%

CMYK

0.0%, 3.2%, 4.0%, 2.0%

OKLCH

0.9668 0.009 34.3

Properties

Warm Light Nearest: seashell

Color Harmonies

Complementary

#FAF2F0

#F0F8FA

Analogous

#FAF0F3

#FAF7F0

#FAF2F0

Triadic

#FAF2F0

#F0FAF2

#F2F0FA

Split Complementary

#FAF2F0

#F0FAF7

#F0F3FA

Tetradic

#FAF2F0

#F3FAF0

#F0F8FA

#F7F0FA

Color Blindness Simulation

Original

#FAF2F0

Protanopia

#F7F6F0

Deuteranopia

#F7F8F1

Tritanopia

#FAF1F1

Achromatopsia

#F4F4F4

CSS Usage

background-color: #FAF2F0;
color: #FAF2F0;
border-color: #FAF2F0;
Nearest Tailwind: Red 50 #FEF2F2

Tailwind Shades

50
#FBF5F4
100
#F5E9E6
200
#EDD1C9
300
#E0AFA3
400
#D08471
500
#BF5940
600
#994733
700
#7A3929
800
#602D20
900
#46231B
950
#2C1611

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.02: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