#EACCE2

#EACCE2

Color Values

HEX

#EACCE2

RGB

234, 204, 226

HSL

316,0, 41,7%, 85,9%

HSV

316,0, 12,8%, 91,8%

CMYK

0,0%, 12,8%, 3,4%, 8,2%

OKLCH

0,8768 0,0443 335,4

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#EACCE2

#CCEAD4

Analogous

#E3CCEA

#EACCD3

#EACCE2

Triadic

#EACCE2

#E2EACC

#CCE2EA

Split Complementary

#EACCE2

#D3EACC

#CCEAE3

Tetradic

#EACCE2

#EAE3CC

#CCEAD4

#CCD3EA

Color Blindness Simulation

Original

#EACCE2

Protanopia

#DDDDDD

Deuteranopia

#DFE1DB

Tritanopia

#E8D8D8

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F0
200
#EACCE2
300
#DBA8CE
400
#C879B3
500
#B54A98
600
#913B7A
700
#743061
800
#5A254C
900
#431E39
950
#2A1324

Contrast Checker

Text on white

1,48:1

AA Fail AAA Fail

Text on black

14,23: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