#FFF2FF

#FFF2FF

Color Values

HEX

#FFF2FF

RGB

255, 242, 255

HSL

300.0, 100.0%, 97.5%

HSV

300.0, 5.1%, 100.0%

CMYK

0.0%, 5.1%, 0.0%, 0.0%

OKLCH

0.975 0.022 325.7

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FFF2FF

#F2FFF2

Analogous

#F9F2FF

#FFF2F9

#FFF2FF

Triadic

#FFF2FF

#FFFFF2

#F2FFFF

Split Complementary

#FFF2FF

#F9FFF2

#F2FFF9

Tetradic

#FFF2FF

#FFF9F2

#F2FFF2

#F2F9FF

Color Blindness Simulation

Original

#FFF2FF

Protanopia

#F9F9FC

Deuteranopia

#FAFBFB

Tritanopia

#FEF9F9

Achromatopsia

#F6F6F6

CSS Usage

background-color: #FFF2FF;
color: #FFF2FF;
border-color: #FFF2FF;
Nearest Tailwind: Fuchsia 50 #FDF4FF

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FFB8FF
300
#FF85FF
400
#FF42FF
500
#FF00FF
600
#CC00CC
700
#A300A3
800
#800080
900
#5C055C
950
#3A033A

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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