#F2E3F3

#F2E3F3

Color Values

HEX

#F2E3F3

RGB

242, 227, 243

HSL

296.2, 40.0%, 92.2%

HSV

296.2, 6.6%, 95.3%

CMYK

0.4%, 6.6%, 0.0%, 4.7%

OKLCH

0.9324 0.0267 323.9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F2E3F3

#E4F3E3

Analogous

#EAE3F3

#F3E3EC

#F2E3F3

Triadic

#F2E3F3

#F3F2E3

#E3F3F2

Split Complementary

#F2E3F3

#ECF3E3

#E3F3EA

Tetradic

#F2E3F3

#F3EAE3

#E4F3E3

#E3ECF3

Color Blindness Simulation

Original

#F2E3F3

Protanopia

#ECEBEF

Deuteranopia

#ECEDEE

Tritanopia

#F1ECEB

Achromatopsia

#E7E7E7

CSS Usage

background-color: #F2E3F3;
color: #F2E3F3;
border-color: #F2E3F3;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#FAF5FA
100
#F2E7F3
200
#E8CDEA
300
#D7A9DA
400
#C27BC6
500
#AC4CB2
600
#8A3D8F
700
#6E3172
800
#562659
900
#401F42
950
#28142A

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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