#E7ADC2

#E7ADC2

Color Values

HEX

#E7ADC2

RGB

231, 173, 194

HSL

338.3, 54.7%, 79.2%

HSV

338.3, 25.1%, 90.6%

CMYK

0.0%, 25.1%, 16.0%, 9.4%

OKLCH

0.8071 0.0727 355.3

Properties

Warm Light Nearest: pink 2

Color Harmonies

Complementary

#E7ADC2

#ADE7D2

Analogous

#E7ADDF

#E7B5AD

#E7ADC2

Triadic

#E7ADC2

#C2E7AD

#ADC2E7

Split Complementary

#E7ADC2

#ADE7B5

#ADDFE7

Tetradic

#E7ADC2

#DFE7AD

#ADE7D2

#B5ADE7

Color Blindness Simulation

Original

#E7ADC2

Protanopia

#CECDBD

Deuteranopia

#D1D6BC

Tritanopia

#E4B9B8

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F5E5EB
200
#EFC8D6
300
#E3A0B9
400
#D46D92
500
#C53A6C
600
#9E2E57
700
#7E2545
800
#631D36
900
#48192A
950
#2E101A

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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