#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

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