#E0CADE

#E0CADE

Color Values

HEX

#E0CADE

RGB

224, 202, 222

HSL

305,5, 26,2%, 83,5%

HSV

305,5, 9,8%, 87,8%

CMYK

0,0%, 9,8%, 0,9%, 12,2%

OKLCH

0,8631 0,0363 328,7

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#E0CADE

#CAE0CC

Analogous

#D7CAE0

#E0CAD3

#E0CADE

Triadic

#E0CADE

#DEE0CA

#CADEE0

Split Complementary

#E0CADE

#D3E0CA

#CAE0D7

Tetradic

#E0CADE

#E0D7CA

#CAE0CC

#CAD3E0

Color Blindness Simulation

Original

#E0CADE

Protanopia

#D6D6D9

Deuteranopia

#D8D9D8

Tritanopia

#DFD5D4

Achromatopsia

#D0D0D0

CSS Usage

background-color: #E0CADE;
color: #E0CADE;
border-color: #E0CADE;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#F9F6F9
100
#F1E9F0
200
#E5D2E3
300
#D2B2CF
400
#B988B5
500
#A15E9B
600
#814B7C
700
#673C63
800
#502F4D
900
#3C253A
950
#261724

Contrast Checker

Text on white

1,54:1

AA Fail AAA Fail

Text on black

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