#E2ADE3

#E2ADE3

Color Values

HEX

#E2ADE3

RGB

226, 173, 227

HSL

298.9, 49.1%, 78.4%

HSV

298.9, 23.8%, 89.0%

CMYK

0.4%, 23.8%, 0.0%, 11.0%

OKLCH

0.8131 0.0941 325.8

Properties

Cool Light Nearest: Orchid

Color Harmonies

Complementary

#E2ADE3

#AEE3AD

Analogous

#C7ADE3

#E3ADC9

#E2ADE3

Triadic

#E2ADE3

#E3E2AD

#ADE3E2

Split Complementary

#E2ADE3

#C9E3AD

#ADE3C7

Tetradic

#E2ADE3

#E3C7AD

#AEE3AD

#ADC9E3

Color Blindness Simulation

Original

#E2ADE3

Protanopia

#CBCBD6

Deuteranopia

#CED2D3

Tritanopia

#DFCCC9

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#ECCAED
300
#DFA4E0
400
#CD72CF
500
#BC41BE
600
#963498
700
#782A7A
800
#5E205F
900
#451B46
950
#2C112C

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026