#F3ECFE

#F3ECFE

Color Values

HEX

#F3ECFE

RGB

243, 236, 254

HSL

263.3, 90.0%, 96.1%

HSV

263.3, 7.1%, 99.6%

CMYK

4.3%, 7.1%, 0.0%, 0.4%

OKLCH

0.9538 0.025 303.5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F3ECFE

#F7FEEC

Analogous

#ECEEFE

#FCECFE

#F3ECFE

Triadic

#F3ECFE

#FEF3EC

#ECFEF3

Split Complementary

#F3ECFE

#FEFCEC

#EEFEEC

Tetradic

#F3ECFE

#FEECEE

#F7FEEC

#ECFEFC

Color Blindness Simulation

Original

#F3ECFE

Protanopia

#F0F0FA

Deuteranopia

#F0F1F9

Tritanopia

#F3F6F5

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F6F1FD
100
#EADFFB
200
#D4BBFB
300
#B58BF9
400
#8E4CF6
500
#660DF2
600
#510AC2
700
#41089B
800
#330679
900
#280958
950
#190637

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.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