#E2A5DA

#E2A5DA

Color Values

HEX

#E2A5DA

RGB

226, 165, 218

HSL

307.9, 51.3%, 76.7%

HSV

307.9, 27.0%, 88.6%

CMYK

0.0%, 27.0%, 3.5%, 11.4%

OKLCH

0.7959 0.0996 331.0

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#E2A5DA

#A5E2AD

Analogous

#CCA5E2

#E2A5BC

#E2A5DA

Triadic

#E2A5DA

#DAE2A5

#A5DAE2

Split Complementary

#E2A5DA

#BCE2A5

#A5E2CC

Tetradic

#E2A5DA

#E2CCA5

#A5E2AD

#A5BCE2

Color Blindness Simulation

Original

#E2A5DA

Protanopia

#C8C7CD

Deuteranopia

#CBD0CA

Tritanopia

#DFC3C1

Achromatopsia

#B6B6B6

CSS Usage

background-color: #E2A5DA;
color: #E2A5DA;
border-color: #E2A5DA;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9E9
300
#E1A2D9
400
#D170C4
500
#C13EB0
600
#9A328D
700
#7B2870
800
#601F58
900
#471A41
950
#2D1029

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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