#E2CCD7

#E2CCD7

Color Values

HEX

#E2CCD7

RGB

226, 204, 215

HSL

330.0, 27.5%, 84.3%

HSV

330.0, 9.7%, 88.6%

CMYK

0.0%, 9.7%, 4.9%, 11.4%

OKLCH

0.8666 0.0285 346.0

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#E2CCD7

#CCE2D7

Analogous

#E2CCE2

#E2CCCC

#E2CCD7

Triadic

#E2CCD7

#D7E2CC

#CCD7E2

Split Complementary

#E2CCD7

#CCE2CC

#CCE2E2

Tetradic

#E2CCD7

#E2E2CC

#CCE2D7

#CCCCE2

Color Blindness Simulation

Original

#E2CCD7

Protanopia

#D8D8D4

Deuteranopia

#DADBD4

Tritanopia

#E1D2D2

Achromatopsia

#D1D1D1

CSS Usage

background-color: #E2CCD7;
color: #E2CCD7;
border-color: #E2CCD7;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E5D1DB
300
#D3B1C2
400
#BB87A1
500
#A35C80
600
#824A66
700
#683B52
800
#512E40
900
#3C2430
950
#26171F

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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