#F4F0FF

#F4F0FF

Color Values

HEX

#F4F0FF

RGB

244, 240, 255

HSL

256.0, 100.0%, 97.1%

HSV

256.0, 5.9%, 100.0%

CMYK

4.3%, 5.9%, 0.0%, 0.0%

OKLCH

0.9626 0.0204 298.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F4F0FF

#FBFFF0

Analogous

#F0F4FF

#FCF0FF

#F4F0FF

Triadic

#F4F0FF

#FFF4F0

#F0FFF4

Split Complementary

#F4F0FF

#FFFCF0

#F4FFF0

Tetradic

#F4F0FF

#FFF0F4

#FBFFF0

#F0FFFC

Color Blindness Simulation

Original

#F4F0FF

Protanopia

#F2F2FB

Deuteranopia

#F2F3FA

Tritanopia

#F4F9F8

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#F4F1FE
100
#E6DEFC
200
#CBB8FF
300
#A585FF
400
#7542FF
500
#4400FF
600
#3600CC
700
#2C00A3
800
#220080
900
#1C055C
950
#12033A

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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