#FFF2F7

#FFF2F7

Color Values

HEX

#FFF2F7

RGB

255, 242, 247

HSL

336,9, 100,0%, 97,5%

HSV

336,9, 5,1%, 100,0%

CMYK

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

OKLCH

0,9727 0,0154 352,0

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FFF2F7

#F2FFFA

Analogous

#FFF2FE

#FFF4F2

#FFF2F7

Triadic

#FFF2F7

#F7FFF2

#F2F7FF

Split Complementary

#FFF2F7

#F2FFF4

#F2FEFF

Tetradic

#FFF2F7

#FEFFF2

#F2FFFA

#F4F2FF

Color Blindness Simulation

Original

#FFF2F7

Protanopia

#F9F9F6

Deuteranopia

#FAFBF5

Tritanopia

#FEF5F5

Achromatopsia

#F5F5F5

CSS Usage

background-color: #FFF2F7;
color: #FFF2F7;
border-color: #FFF2F7;
Nearest Tailwind: Pink 50 #FDF2F8

Tailwind Shades

50
#FEF1F6
100
#FCDEEA
200
#FFB8D3
300
#FF85B4
400
#FF428B
500
#FF0062
600
#CC004F
700
#A3003F
800
#800031
900
#5C0526
950
#3A0318

Contrast Checker

Text on white

1,09:1

AA Fail AAA Fail

Text on black

19,3: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