#F3E2F8

#F3E2F8

Color Values

HEX

#F3E2F8

RGB

243, 226, 248

HSL

286.4, 61.1%, 92.9%

HSV

286.4, 8.9%, 97.3%

CMYK

2.0%, 8.9%, 0.0%, 2.7%

OKLCH

0.9328 0.0345 318.5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F3E2F8

#E7F8E2

Analogous

#E8E2F8

#F8E2F2

#F3E2F8

Triadic

#F3E2F8

#F8F3E2

#E2F8F3

Split Complementary

#F3E2F8

#F2F8E2

#E2F8E8

Tetradic

#F3E2F8

#F8E8E2

#E7F8E2

#E2F2F8

Color Blindness Simulation

Original

#F3E2F8

Protanopia

#ECEBF3

Deuteranopia

#EDEEF1

Tritanopia

#F2EEEE

Achromatopsia

#E7E7E7

CSS Usage

background-color: #F3E2F8;
color: #F3E2F8;
border-color: #F3E2F8;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FAF3FB
100
#F2E4F6
200
#E7C5F1
300
#D69CE7
400
#C067DA
500
#AA32CD
600
#8828A4
700
#6D2083
800
#551967
900
#3F164B
950
#280E2F

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.04:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026