#FFF4FE

#FFF4FE

Color Values

HEX

#FFF4FE

RGB

255, 244, 254

HSL

305.5, 100.0%, 97.8%

HSV

305.5, 4.3%, 100.0%

CMYK

0.0%, 4.3%, 0.4%, 0.0%

OKLCH

0.9785 0.0176 328.5

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FFF4FE

#F4FFF5

Analogous

#FAF4FF

#FFF4F8

#FFF4FE

Triadic

#FFF4FE

#FEFFF4

#F4FEFF

Split Complementary

#FFF4FE

#F8FFF4

#F4FFFA

Tetradic

#FFF4FE

#FFFAF4

#F4FFF5

#F4F8FF

Color Blindness Simulation

Original

#FFF4FE

Protanopia

#FAFAFC

Deuteranopia

#FBFCFB

Tritanopia

#FEFAF9

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFA
200
#FFB8F8
300
#FF85F4
400
#FF42EE
500
#FF00E8
600
#CC00B9
700
#A30094
800
#800074
900
#5C0554
950
#3A0335

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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