#F0ECF4

#F0ECF4

Color Values

HEX

#F0ECF4

RGB

240, 236, 244

HSL

270.0, 26.7%, 94.1%

HSV

270.0, 3.3%, 95.7%

CMYK

1.6%, 3.3%, 0.0%, 4.3%

OKLCH

0.9485 0.0114 308.3

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F0ECF4

#F0F4EC

Analogous

#ECECF4

#F4ECF4

#F0ECF4

Triadic

#F0ECF4

#F4F0EC

#ECF4F0

Split Complementary

#F0ECF4

#F4F4EC

#ECF4EC

Tetradic

#F0ECF4

#F4ECEC

#F0F4EC

#ECF4F4

Color Blindness Simulation

Original

#F0ECF4

Protanopia

#EEEEF2

Deuteranopia

#EEEFF2

Tritanopia

#F0F1F0

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DBD2E5
300
#C2B1D2
400
#A187BA
500
#805DA2
600
#664B81
700
#523C67
800
#402F51
900
#30253C
950
#1F1726

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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