#F3ECFC

#F3ECFC

Color Values

HEX

#F3ECFC

RGB

243, 236, 252

HSL

266.2, 72.7%, 95.7%

HSV

266.2, 6.3%, 98.8%

CMYK

3.6%, 6.3%, 0.0%, 1.2%

OKLCH

0.9532 0.0225 305.6

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F3ECFC

#F5FCEC

Analogous

#ECEDFC

#FBECFC

#F3ECFC

Triadic

#F3ECFC

#FCF3EC

#ECFCF3

Split Complementary

#F3ECFC

#FCFBEC

#EDFCEC

Tetradic

#F3ECFC

#FCECED

#F5FCEC

#ECFCFB

Color Blindness Simulation

Original

#F3ECFC

Protanopia

#F0F0F8

Deuteranopia

#F0F1F7

Tritanopia

#F3F5F4

Achromatopsia

#EFEFEF

CSS Usage

background-color: #F3ECFC;
color: #F3ECFC;
border-color: #F3ECFC;
Nearest Tailwind: Violet 100 #EDE9FE

Tailwind Shades

50
#F7F3FC
100
#ECE2F8
200
#D8C1F5
300
#BC95EE
400
#985CE5
500
#7423DC
600
#5D1CB0
700
#4A168D
800
#3A116E
900
#2C1150
950
#1C0B33

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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