#E7C3EB

#E7C3EB

Color Values

HEX

#E7C3EB

RGB

231, 195, 235

HSL

294.0, 50.0%, 84.3%

HSV

294.0, 17.0%, 92.2%

CMYK

1.7%, 17.0%, 0.0%, 7.8%

OKLCH

0.8603 0.0669 322.9

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E7C3EB

#C7EBC3

Analogous

#D3C3EB

#EBC3DB

#E7C3EB

Triadic

#E7C3EB

#EBE7C3

#C3EBE7

Split Complementary

#E7C3EB

#DBEBC3

#C3EBD3

Tetradic

#E7C3EB

#EBD3C3

#C7EBC3

#C3DBEB

Color Blindness Simulation

Original

#E7C3EB

Protanopia

#D7D7E1

Deuteranopia

#DADCDF

Tritanopia

#E5DAD8

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F3E6F5
200
#EAC9ED
300
#DAA3E0
400
#C671D0
500
#B340BF
600
#8F3399
700
#72297A
800
#592060
900
#421B46
950
#2A112C

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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