#F2EAFB

#F2EAFB

Color Values

HEX

#F2EAFB

RGB

242, 234, 251

HSL

268.2, 68.0%, 95.1%

HSV

268.2, 6.8%, 98.4%

CMYK

3.6%, 6.8%, 0.0%, 1.6%

OKLCH

0.9482 0.0241 307.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F2EAFB

#F3FBEA

Analogous

#EAEBFB

#FAEAFB

#F2EAFB

Triadic

#F2EAFB

#FBF2EA

#EAFBF2

Split Complementary

#F2EAFB

#FBFAEA

#EBFBEA

Tetradic

#F2EAFB

#FBEAEB

#F3FBEA

#EAFBFA

Color Blindness Simulation

Original

#F2EAFB

Protanopia

#EFEEF7

Deuteranopia

#EFF0F6

Tritanopia

#F2F4F3

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DAC3F4
300
#BF98EB
400
#9D60E1
500
#7A29D6
600
#6221AB
700
#4E1A89
800
#3D146B
900
#2F134E
950
#1D0C31

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.94:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026