#F3E5FC

#F3E5FC

Color Values

HEX

#F3E5FC

RGB

243, 229, 252

HSL

276.5, 79.3%, 94.3%

HSV

276.5, 9.1%, 98.8%

CMYK

3.6%, 9.1%, 0.0%, 1.2%

OKLCH

0.9398 0.034 312.4

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F3E5FC

#EEFCE5

Analogous

#E7E5FC

#FCE5F9

#F3E5FC

Triadic

#F3E5FC

#FCF3E5

#E5FCF3

Split Complementary

#F3E5FC

#F9FCE5

#E5FCE7

Tetradic

#F3E5FC

#FCE7E5

#EEFCE5

#E5F9FC

Color Blindness Simulation

Original

#F3E5FC

Protanopia

#EDEDF6

Deuteranopia

#EEEFF5

Tritanopia

#F2F2F1

Achromatopsia

#EAEAEA

CSS Usage

background-color: #F3E5FC;
color: #F3E5FC;
border-color: #F3E5FC;
Nearest Tailwind: Purple 100 #F3E8FF

Tailwind Shades

50
#F8F2FD
100
#F0E1F9
200
#E1BFF8
300
#CC91F2
400
#B156EB
500
#951AE5
600
#7815B7
700
#601192
800
#4B0D72
900
#380E53
950
#230934

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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