#E2CCD5

#E2CCD5

Color Values

HEX

#E2CCD5

RGB

226, 204, 213

HSL

335.5, 27.5%, 84.3%

HSV

335.5, 9.7%, 88.6%

CMYK

0.0%, 9.7%, 5.8%, 11.4%

OKLCH

0.866 0.0273 351.0

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#E2CCD5

#CCE2D9

Analogous

#E2CCE0

#E2CECC

#E2CCD5

Triadic

#E2CCD5

#D5E2CC

#CCD5E2

Split Complementary

#E2CCD5

#CCE2CE

#CCE0E2

Tetradic

#E2CCD5

#E0E2CC

#CCE2D9

#CECCE2

Color Blindness Simulation

Original

#E2CCD5

Protanopia

#D8D8D3

Deuteranopia

#DADBD2

Tritanopia

#E1D1D1

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D1DA
300
#D3B1BF
400
#BB879C
500
#A35C79
600
#824A61
700
#683B4D
800
#512E3D
900
#3C242E
950
#26171D

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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