#F2E9FE

#F2E9FE

Color Values

HEX

#F2E9FE

RGB

242, 233, 254

HSL

265.7, 91.3%, 95.5%

HSV

265.7, 8.3%, 99.6%

CMYK

4.7%, 8.3%, 0.0%, 0.4%

OKLCH

0.9472 0.0295 305.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F2E9FE

#F5FEE9

Analogous

#E9EBFE

#FDE9FE

#F2E9FE

Triadic

#F2E9FE

#FEF2E9

#E9FEF2

Split Complementary

#F2E9FE

#FEFDE9

#EBFEE9

Tetradic

#F2E9FE

#FEE9EB

#F5FEE9

#E9FEFD

Color Blindness Simulation

Original

#F2E9FE

Protanopia

#EEEEF9

Deuteranopia

#EFEFF8

Tritanopia

#F2F5F4

Achromatopsia

#ECECEC

CSS Usage

background-color: #F2E9FE;
color: #F2E9FE;
border-color: #F2E9FE;
Nearest Tailwind: Purple 100 #F3E8FF

Tailwind Shades

50
#F6F1FD
100
#EBDFFB
200
#D7BBFC
300
#BA8AFA
400
#944BF7
500
#6F0BF4
600
#5909C3
700
#47079C
800
#37067A
900
#2B0958
950
#1B0538

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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