#F5E3F8

#F5E3F8

Color Values

HEX

#F5E3F8

RGB

245, 227, 248

HSL

291.4, 60.0%, 93.1%

HSV

291.4, 8.5%, 97.3%

CMYK

1.2%, 8.5%, 0.0%, 2.7%

OKLCH

0.9364 0.0339 321.4

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#F5E3F8

#E6F8E3

Analogous

#EAE3F8

#F8E3F0

#F5E3F8

Triadic

#F5E3F8

#F8F5E3

#E3F8F5

Split Complementary

#F5E3F8

#F0F8E3

#E3F8EA

Tetradic

#F5E3F8

#F8EAE3

#E6F8E3

#E3F0F8

Color Blindness Simulation

Original

#F5E3F8

Protanopia

#EDEDF3

Deuteranopia

#EEF0F2

Tritanopia

#F4EFEE

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#FAF3FB
100
#F4E4F6
200
#EBC6F1
300
#DC9DE7
400
#C968D9
500
#B633CC
600
#9229A3
700
#752183
800
#5B1A66
900
#43164B
950
#2A0E2F

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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