#F5F4FD

#F5F4FD

Color Values

HEX

#F5F4FD

RGB

245, 244, 253

HSL

246.7, 69.2%, 97.5%

HSV

246.7, 3.6%, 99.2%

CMYK

3.2%, 3.6%, 0.0%, 0.8%

OKLCH

0.9705 0.012 291.3

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F5F4FD

#FCFDF4

Analogous

#F4F8FD

#FAF4FD

#F5F4FD

Triadic

#F5F4FD

#FDF5F4

#F4FDF5

Split Complementary

#F5F4FD

#FDFAF4

#F8FDF4

Tetradic

#F5F4FD

#FDF4F8

#FCFDF4

#F4FDFA

Color Blindness Simulation

Original

#F5F4FD

Protanopia

#F5F5FB

Deuteranopia

#F5F5FA

Tritanopia

#F5F9F9

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F8
200
#C8C3F4
300
#A197EC
400
#6E5FE2
500
#3B27D8
600
#2F1FAD
700
#26198A
800
#1D146C
900
#19124F
950
#100C32

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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