#FFF2F0

#FFF2F0

Color Values

HEX

#FFF2F0

RGB

255, 242, 240

HSL

8.0, 100.0%, 97.1%

HSV

8.0, 5.9%, 100.0%

CMYK

0.0%, 5.1%, 5.9%, 0.0%

OKLCH

0.9708 0.0143 28.0

Properties

Warm Light Nearest: seashell

Color Harmonies

Complementary

#FFF2F0

#F0FDFF

Analogous

#FFF0F6

#FFFAF0

#FFF2F0

Triadic

#FFF2F0

#F0FFF2

#F2F0FF

Split Complementary

#FFF2F0

#F0FFFA

#F0F6FF

Tetradic

#FFF2F0

#F6FFF0

#F0FDFF

#FAF0FF

Color Blindness Simulation

Original

#FFF2F0

Protanopia

#F9F9F0

Deuteranopia

#FAFBF1

Tritanopia

#FEF1F1

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE2DE
200
#FFC1B8
300
#FF9585
400
#FF5B42
500
#FF2200
600
#CC1B00
700
#A31600
800
#801100
900
#5C1005
950
#3A0A03

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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