#FFF4FD

#FFF4FD

Color Values

HEX

#FFF4FD

RGB

255, 244, 253

HSL

310.9, 100.0%, 97.8%

HSV

310.9, 4.3%, 100.0%

CMYK

0.0%, 4.3%, 0.8%, 0.0%

OKLCH

0.9783 0.0166 331.6

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FFF4FD

#F4FFF6

Analogous

#FBF4FF

#FFF4F7

#FFF4FD

Triadic

#FFF4FD

#FDFFF4

#F4FDFF

Split Complementary

#FFF4FD

#F7FFF4

#F4FFFB

Tetradic

#FFF4FD

#FFFBF4

#F4FFF6

#F4F7FF

Color Blindness Simulation

Original

#FFF4FD

Protanopia

#FAFAFB

Deuteranopia

#FBFCFA

Tritanopia

#FEF9F9

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#FEF1FB
100
#FCDEF7
200
#FFB8F2
300
#FF85E9
400
#FF42DD
500
#FF00D1
600
#CC00A7
700
#A30086
800
#800068
900
#5C054C
950
#3A0330

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

19.61:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026