#F5F2FD

#F5F2FD

Color Values

HEX

#F5F2FD

RGB

245, 242, 253

HSL

256.4, 73.3%, 97.1%

HSV

256.4, 4.3%, 99.2%

CMYK

3.2%, 4.3%, 0.0%, 0.8%

OKLCH

0.9666 0.0149 298.6

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F5F2FD

#FAFDF2

Analogous

#F2F5FD

#FBF2FD

#F5F2FD

Triadic

#F5F2FD

#FDF5F2

#F2FDF5

Split Complementary

#F5F2FD

#FDFBF2

#F5FDF2

Tetradic

#F5F2FD

#FDF2F5

#FAFDF2

#F2FDFB

Color Blindness Simulation

Original

#F5F2FD

Protanopia

#F4F4FA

Deuteranopia

#F4F4FA

Tritanopia

#F5F8F8

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E8E2F8
200
#CFC1F5
300
#AD95EF
400
#815BE6
500
#5522DD
600
#441BB1
700
#36168D
800
#2B116E
900
#221050
950
#150A33

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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