#E2CCC6

#E2CCC6

Color Values

HEX

#E2CCC6

RGB

226, 204, 198

HSL

12,9, 32,6%, 83,1%

HSV

12,9, 12,4%, 88,6%

CMYK

0,0%, 9,7%, 12,4%, 11,4%

OKLCH

0,8618 0,0261 35,7

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#E2CCC6

#C6DCE2

Analogous

#E2C6CE

#E2DAC6

#E2CCC6

Triadic

#E2CCC6

#C6E2CC

#CCC6E2

Split Complementary

#E2CCC6

#C6E2DA

#C6CEE2

Tetradic

#E2CCC6

#CEE2C6

#C6DCE2

#DAC6E2

Color Blindness Simulation

Original

#E2CCC6

Protanopia

#D8D8C7

Deuteranopia

#DADBC8

Tritanopia

#E1C9C9

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F9F6F5
100
#F2EAE8
200
#E7D5D0
300
#D6B6AE
400
#BF8F82
500
#A96856
600
#875345
700
#6C4237
800
#55342B
900
#3F2822
950
#281916

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,69:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026