#E3C3FC

#E3C3FC

Color Values

HEX

#E3C3FC

RGB

227, 195, 252

HSL

273.7, 90.5%, 87.6%

HSV

273.7, 22.6%, 98.8%

CMYK

9.9%, 22.6%, 0.0%, 1.2%

OKLCH

0.8628 0.0845 310.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#E3C3FC

#DCFCC3

Analogous

#C6C3FC

#FCC3F8

#E3C3FC

Triadic

#E3C3FC

#FCE3C3

#C3FCE3

Split Complementary

#E3C3FC

#F8FCC3

#C3FCC6

Tetradic

#E3C3FC

#FCC6C3

#DCFCC3

#C3F8FC

Color Blindness Simulation

Original

#E3C3FC

Protanopia

#D5D5EE

Deuteranopia

#D7D9EB

Tritanopia

#E1E3E1

Achromatopsia

#CECECE

CSS Usage

background-color: #E3C3FC;
color: #E3C3FC;
border-color: #E3C3FC;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F8F1FD
100
#EFDFFB
200
#DFBBFC
300
#C98AF9
400
#AB4BF6
500
#8E0CF3
600
#710AC2
700
#5B089B
800
#470679
900
#350958
950
#220638

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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