#FFF3F2

#FFF3F2

Color Values

HEX

#FFF3F2

RGB

255, 243, 242

HSL

4.6, 100.0%, 97.5%

HSV

4.6, 5.1%, 100.0%

CMYK

0.0%, 4.7%, 5.1%, 0.0%

OKLCH

0.9732 0.013 23.2

Properties

Warm Light Nearest: seashell

Color Harmonies

Complementary

#FFF3F2

#F2FEFF

Analogous

#FFF2F8

#FFFAF2

#FFF3F2

Triadic

#FFF3F2

#F2FFF3

#F3F2FF

Split Complementary

#FFF3F2

#F2FFFA

#F2F8FF

Tetradic

#FFF3F2

#F8FFF2

#F2FEFF

#FAF2FF

Color Blindness Simulation

Original

#FFF3F2

Protanopia

#FAFAF2

Deuteranopia

#FAFBF2

Tritanopia

#FEF2F2

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE0DE
200
#FFBDB8
300
#FF8E85
400
#FF5142
500
#FF1400
600
#CC1000
700
#A30D00
800
#800A00
900
#5C0C05
950
#3A0703

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.35:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026