#E6CBF4

#E6CBF4

Color Values

HEX

#E6CBF4

RGB

230, 203, 244

HSL

279.5, 65.1%, 87.6%

HSV

279.5, 16.8%, 95.7%

CMYK

5.7%, 16.8%, 0.0%, 4.3%

OKLCH

0.8774 0.0626 314.2

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E6CBF4

#D9F4CB

Analogous

#D1CBF4

#F4CBED

#E6CBF4

Triadic

#E6CBF4

#F4E6CB

#CBF4E6

Split Complementary

#E6CBF4

#EDF4CB

#CBF4D1

Tetradic

#E6CBF4

#F4D1CB

#D9F4CB

#CBEDF4

Color Blindness Simulation

Original

#E6CBF4

Protanopia

#DADAEA

Deuteranopia

#DCDEE8

Tritanopia

#E5E2E1

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F9F3FC
100
#F0E3F7
200
#E3C4F3
300
#CE9AEA
400
#B463DE
500
#9A2CD3
600
#7B24A8
700
#621C87
800
#4D1669
900
#39144D
950
#240D31

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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