#E7CFF2

#E7CFF2

Color Values

HEX

#E7CFF2

RGB

231, 207, 242

HSL

281.1, 57.4%, 88.0%

HSV

281.1, 14.5%, 94.9%

CMYK

4.5%, 14.5%, 0.0%, 5.1%

OKLCH

0.885 0.0538 315.3

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E7CFF2

#DAF2CF

Analogous

#D5CFF2

#F2CFEB

#E7CFF2

Triadic

#E7CFF2

#F2E7CF

#CFF2E7

Split Complementary

#E7CFF2

#EBF2CF

#CFF2D5

Tetradic

#E7CFF2

#F2D5CF

#DAF2CF

#CFEBF2

Color Blindness Simulation

Original

#E7CFF2

Protanopia

#DDDCEA

Deuteranopia

#DEE0E7

Tritanopia

#E6E3E1

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F0E4F6
200
#E3C7F0
300
#CF9FE5
400
#B56AD7
500
#9B36C9
600
#7C2BA1
700
#632380
800
#4D1B64
900
#3A1749
950
#240F2E

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026