#ECCAF0

#ECCAF0

Color Values

HEX

#ECCAF0

RGB

236, 202, 240

HSL

293.7, 55.9%, 86.7%

HSV

293.7, 15.8%, 94.1%

CMYK

1.7%, 15.8%, 0.0%, 5.9%

OKLCH

0.8794 0.0631 322.7

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#ECCAF0

#CEF0CA

Analogous

#D9CAF0

#F0CAE1

#ECCAF0

Triadic

#ECCAF0

#F0ECCA

#CAF0EC

Split Complementary

#ECCAF0

#E1F0CA

#CAF0D9

Tetradic

#ECCAF0

#F0D9CA

#CEF0CA

#CAE1F0

Color Blindness Simulation

Original

#ECCAF0

Protanopia

#DDDDE7

Deuteranopia

#DFE2E5

Tritanopia

#EAE0DE

Achromatopsia

#D4D4D4

CSS Usage

background-color: #ECCAF0;
color: #ECCAF0;
border-color: #ECCAF0;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FAF4FB
100
#F4E5F6
200
#EBC7EF
300
#DDA0E4
400
#CA6CD5
500
#B838C7
600
#932D9F
700
#76247F
800
#5C1C63
900
#441849
950
#2B0F2E

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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