#F5ECFB

#F5ECFB

Color Values

HEX

#F5ECFB

RGB

245, 236, 251

HSL

276.0, 65.2%, 95.5%

HSV

276.0, 6.0%, 98.4%

CMYK

2.4%, 6.0%, 0.0%, 1.6%

OKLCH

0.9545 0.0221 312.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F5ECFB

#F2FBEC

Analogous

#EEECFB

#FBECFA

#F5ECFB

Triadic

#F5ECFB

#FBF5EC

#ECFBF5

Split Complementary

#F5ECFB

#FAFBEC

#ECFBEE

Tetradic

#F5ECFB

#FBEEEC

#F2FBEC

#ECFAFB

Color Blindness Simulation

Original

#F5ECFB

Protanopia

#F1F1F7

Deuteranopia

#F2F2F6

Tritanopia

#F5F5F4

Achromatopsia

#EFEFEF

CSS Usage

background-color: #F5ECFB;
color: #F5ECFB;
border-color: #F5ECFB;
Nearest Tailwind: Fuchsia 50 #FDF4FF

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C4F3
300
#CA9AEA
400
#AD63DE
500
#902CD3
600
#7323A9
700
#5C1C87
800
#481669
900
#36144D
950
#220D31

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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