#F2E6FF

#F2E6FF

Color Values

HEX

#F2E6FF

RGB

242, 230, 255

HSL

268.8, 100.0%, 95.1%

HSV

268.8, 9.8%, 100.0%

CMYK

5.1%, 9.8%, 0.0%, 0.0%

OKLCH

0.9418 0.0356 307.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F2E6FF

#F3FFE6

Analogous

#E6E7FF

#FFE6FF

#F2E6FF

Triadic

#F2E6FF

#FFF2E6

#E6FFF2

Split Complementary

#F2E6FF

#FFFFE6

#E7FFE6

Tetradic

#F2E6FF

#FFE6E7

#F3FFE6

#E6FFFF

Color Blindness Simulation

Original

#F2E6FF

Protanopia

#EDEDF9

Deuteranopia

#EEEEF8

Tritanopia

#F1F4F3

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#EDDEFC
200
#DAB8FF
300
#BF85FF
400
#9D42FF
500
#7A00FF
600
#6200CC
700
#4E00A3
800
#3D0080
900
#2F055C
950
#1D033A

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.54:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026