#D7ADE2

#D7ADE2

Color Values

HEX

#D7ADE2

RGB

215, 173, 226

HSL

287.5, 47.7%, 78.2%

HSV

287.5, 23.5%, 88.6%

CMYK

4.9%, 23.5%, 0.0%, 11.4%

OKLCH

0.8023 0.0862 319.2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D7ADE2

#B8E2AD

Analogous

#BCADE2

#E2ADD2

#D7ADE2

Triadic

#D7ADE2

#E2D7AD

#ADE2D7

Split Complementary

#D7ADE2

#D2E2AD

#ADE2BC

Tetradic

#D7ADE2

#E2BCAD

#B8E2AD

#ADD2E2

Color Blindness Simulation

Original

#D7ADE2

Protanopia

#C5C4D5

Deuteranopia

#C7CAD2

Tritanopia

#D5CBC9

Achromatopsia

#BABABA

CSS Usage

background-color: #D7ADE2;
color: #D7ADE2;
border-color: #D7ADE2;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F9F4FA
100
#F1E6F4
200
#E5CAEC
300
#D3A5DF
400
#BB74CE
500
#A343BC
600
#823597
700
#682B79
800
#51215E
900
#3D1C45
950
#26112C

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

10.97:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026