#E2C4CC

#E2C4CC

Color Values

HEX

#E2C4CC

RGB

226, 196, 204

HSL

344.0, 34.1%, 82.7%

HSV

344.0, 13.3%, 88.6%

CMYK

0.0%, 13.3%, 9.7%, 11.4%

OKLCH

0.848 0.0355 359.9

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#E2C4CC

#C4E2DA

Analogous

#E2C4DB

#E2CBC4

#E2C4CC

Triadic

#E2C4CC

#CCE2C4

#C4CCE2

Split Complementary

#E2C4CC

#C4E2CB

#C4DBE2

Tetradic

#E2C4CC

#DBE2C4

#C4E2DA

#CBC4E2

Color Blindness Simulation

Original

#E2C4CC

Protanopia

#D5D5CA

Deuteranopia

#D7D9CA

Tritanopia

#E0C9C8

Achromatopsia

#CBCBCB

CSS Usage

background-color: #E2C4CC;
color: #E2C4CC;
border-color: #E2C4CC;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FAF5F6
100
#F2E8EB
200
#E7CFD6
300
#D7ADB8
400
#C18092
500
#AB546B
600
#894356
700
#6D3645
800
#552A36
900
#3F222A
950
#28151A

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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