#F2E4FF

#F2E4FF

Color Values

HEX

#F2E4FF

RGB

242, 228, 255

HSL

271,1, 100,0%, 94,7%

HSV

271,1, 10,6%, 100,0%

CMYK

5,1%, 10,6%, 0,0%, 0,0%

OKLCH

0,938 0,0389 308,8

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#F2E4FF

#F1FFE4

Analogous

#E4E4FF

#FFE4FF

#F2E4FF

Triadic

#F2E4FF

#FFF2E4

#E4FFF2

Split Complementary

#F2E4FF

#FFFFE4

#E4FFE4

Tetradic

#F2E4FF

#FFE4E4

#F1FFE4

#E4FFFF

Color Blindness Simulation

Original

#F2E4FF

Protanopia

#ECECF8

Deuteranopia

#EDEEF7

Tritanopia

#F1F3F2

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#EEDEFC
200
#DDB8FF
300
#C485FF
400
#A442FF
500
#8400FF
600
#6A00CC
700
#5500A3
800
#420080
900
#32055C
950
#20033A

Contrast Checker

Text on white

1,21:1

AA Fail AAA Fail

Text on black

17,32:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026