#F5E5FC

#F5E5FC

Color Values

HEX

#F5E5FC

RGB

245, 229, 252

HSL

281.7, 79.3%, 94.3%

HSV

281.7, 9.1%, 98.8%

CMYK

2.8%, 9.1%, 0.0%, 1.2%

OKLCH

0.9414 0.035 315.7

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F5E5FC

#ECFCE5

Analogous

#E9E5FC

#FCE5F7

#F5E5FC

Triadic

#F5E5FC

#FCF5E5

#E5FCF5

Split Complementary

#F5E5FC

#F7FCE5

#E5FCE9

Tetradic

#F5E5FC

#FCE9E5

#ECFCE5

#E5F7FC

Color Blindness Simulation

Original

#F5E5FC

Protanopia

#EEEEF6

Deuteranopia

#EFF0F5

Tritanopia

#F4F2F1

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F2E1F9
200
#E6BFF8
300
#D591F2
400
#BE56EB
500
#A71AE5
600
#8615B7
700
#6B1192
800
#530D72
900
#3E0E53
950
#270934

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026