#E3CBF3

#E3CBF3

Color Values

HEX

#E3CBF3

RGB

227, 203, 243

HSL

276.0, 62.5%, 87.5%

HSV

276.0, 16.5%, 95.3%

CMYK

6.6%, 16.5%, 0.0%, 4.7%

OKLCH

0.8745 0.06 311.9

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E3CBF3

#DBF3CB

Analogous

#CFCBF3

#F3CBEF

#E3CBF3

Triadic

#E3CBF3

#F3E3CB

#CBF3E3

Split Complementary

#E3CBF3

#EFF3CB

#CBF3CF

Tetradic

#E3CBF3

#F3CFCB

#DBF3CB

#CBEFF3

Color Blindness Simulation

Original

#E3CBF3

Protanopia

#D9D8E9

Deuteranopia

#DADCE7

Tritanopia

#E2E2E0

Achromatopsia

#D3D3D3

CSS Usage

background-color: #E3CBF3;
color: #E3CBF3;
border-color: #E3CBF3;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F8F3FB
100
#EFE4F7
200
#E0C5F2
300
#C99CE8
400
#AC66DC
500
#8F30CF
600
#7326A6
700
#5C1F85
800
#481868
900
#36154C
950
#220D30

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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