#FFF2F4

#FFF2F4

Color Values

HEX

#FFF2F4

RGB

255, 242, 244

HSL

350,8, 100,0%, 97,5%

HSV

350,8, 5,1%, 100,0%

CMYK

0,0%, 5,1%, 4,3%, 0,0%

OKLCH

0,9719 0,0142 6,7

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FFF2F4

#F2FFFD

Analogous

#FFF2FB

#FFF7F2

#FFF2F4

Triadic

#FFF2F4

#F4FFF2

#F2F4FF

Split Complementary

#FFF2F4

#F2FFF7

#F2FBFF

Tetradic

#FFF2F4

#FBFFF2

#F2FFFD

#F7F2FF

Color Blindness Simulation

Original

#FFF2F4

Protanopia

#F9F9F4

Deuteranopia

#FAFBF3

Tritanopia

#FEF3F3

Achromatopsia

#F5F5F5

CSS Usage

background-color: #FFF2F4;
color: #FFF2F4;
border-color: #FFF2F4;
Nearest Tailwind: Rose 50 #FFF1F2

Tailwind Shades

50
#FEF1F3
100
#FCDEE3
200
#FFB8C3
300
#FF8597
400
#FF425F
500
#FF0027
600
#CC001F
700
#A30019
800
#800014
900
#5C0512
950
#3A030C

Contrast Checker

Text on white

1,09:1

AA Fail AAA Fail

Text on black

19,26:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026