#F2EAFF

#F2EAFF

Color Values

HEX

#F2EAFF

RGB

242, 234, 255

HSL

262.9, 100.0%, 95.9%

HSV

262.9, 8.2%, 100.0%

CMYK

5.1%, 8.2%, 0.0%, 0.0%

OKLCH

0.9495 0.0292 303.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F2EAFF

#F7FFEA

Analogous

#EAEDFF

#FDEAFF

#F2EAFF

Triadic

#F2EAFF

#FFF2EA

#EAFFF2

Split Complementary

#F2EAFF

#FFFDEA

#EDFFEA

Tetradic

#F2EAFF

#FFEAED

#F7FFEA

#EAFFFD

Color Blindness Simulation

Original

#F2EAFF

Protanopia

#EFEEFA

Deuteranopia

#EFF0F9

Tritanopia

#F2F6F5

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EADEFC
200
#D3B8FF
300
#B385FF
400
#8A42FF
500
#6100FF
600
#4E00CC
700
#3E00A3
800
#310080
900
#26055C
950
#18033A

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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