#F4F2FD

#F4F2FD

Color Values

HEX

#F4F2FD

RGB

244, 242, 253

HSL

250,9, 73,3%, 97,1%

HSV

250,9, 4,3%, 99,2%

CMYK

3,6%, 4,3%, 0,0%, 0,8%

OKLCH

0,9658 0,0148 294,5

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F4F2FD

#FBFDF2

Analogous

#F2F6FD

#FAF2FD

#F4F2FD

Triadic

#F4F2FD

#FDF4F2

#F2FDF4

Split Complementary

#F4F2FD

#FDFAF2

#F6FDF2

Tetradic

#F4F2FD

#FDF2F6

#FBFDF2

#F2FDFA

Color Blindness Simulation

Original

#F4F2FD

Protanopia

#F3F3FA

Deuteranopia

#F3F3FA

Tritanopia

#F4F8F8

Achromatopsia

#F3F3F3

CSS Usage

background-color: #F4F2FD;
color: #F4F2FD;
border-color: #F4F2FD;
Nearest Tailwind: Violet 50 #F5F3FF

Tailwind Shades

50
#F4F3FC
100
#E6E2F8
200
#CBC1F5
300
#A595EF
400
#755BE6
500
#4422DD
600
#361BB1
700
#2C168D
800
#22116E
900
#1C1050
950
#120A33

Contrast Checker

Text on white

1,11:1

AA Fail AAA Fail

Text on black

18,97:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Fév 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Fév 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Fév 20, 2026