#E2CCC8

#E2CCC8

Color Values

HEX

#E2CCC8

RGB

226, 204, 200

HSL

9,2, 31,0%, 83,5%

HSV

9,2, 11,5%, 88,6%

CMYK

0,0%, 9,7%, 11,5%, 11,4%

OKLCH

0,8623 0,0254 29,9

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#E2CCC8

#C8DEE2

Analogous

#E2C8D1

#E2D9C8

#E2CCC8

Triadic

#E2CCC8

#C8E2CC

#CCC8E2

Split Complementary

#E2CCC8

#C8E2D9

#C8D1E2

Tetradic

#E2CCC8

#D1E2C8

#C8DEE2

#D9C8E2

Color Blindness Simulation

Original

#E2CCC8

Protanopia

#D8D8C9

Deuteranopia

#DADBC9

Tritanopia

#E1CACA

Achromatopsia

#D0D0D0

CSS Usage

background-color: #E2CCC8;
color: #E2CCC8;
border-color: #E2CCC8;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F9F6F5
100
#F2EAE8
200
#E6D4D0
300
#D5B5AF
400
#BE8C83
500
#A76458
600
#865046
700
#6B4038
800
#54322C
900
#3E2723
950
#271916

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,7: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