#E6CFF2

#E6CFF2

Color Values

HEX

#E6CFF2

RGB

230, 207, 242

HSL

279.4, 57.4%, 88.0%

HSV

279.4, 14.5%, 94.9%

CMYK

5.0%, 14.5%, 0.0%, 5.1%

OKLCH

0.8842 0.0533 314.2

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E6CFF2

#DBF2CF

Analogous

#D4CFF2

#F2CFEC

#E6CFF2

Triadic

#E6CFF2

#F2E6CF

#CFF2E6

Split Complementary

#E6CFF2

#ECF2CF

#CFF2D4

Tetradic

#E6CFF2

#F2D4CF

#DBF2CF

#CFECF2

Color Blindness Simulation

Original

#E6CFF2

Protanopia

#DCDCEA

Deuteranopia

#DDDFE7

Tritanopia

#E5E3E1

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F0E4F6
200
#E2C7F0
300
#CD9FE5
400
#B26AD7
500
#9636C9
600
#782BA1
700
#602380
800
#4B1B64
900
#381749
950
#240F2E

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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