#D4BEDB

#D4BEDB

Color Values

HEX

#D4BEDB

RGB

212, 190, 219

HSL

285.5, 28.7%, 80.2%

HSV

285.5, 13.2%, 85.9%

CMYK

3.2%, 13.2%, 0.0%, 14.1%

OKLCH

0.8289 0.0465 318.0

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#D4BEDB

#C5DBBE

Analogous

#C6BEDB

#DBBED4

#D4BEDB

Triadic

#D4BEDB

#DBD4BE

#BEDBD4

Split Complementary

#D4BEDB

#D4DBBE

#BEDBC6

Tetradic

#D4BEDB

#DBC6BE

#C5DBBE

#BED4DB

Color Blindness Simulation

Original

#D4BEDB

Protanopia

#CACAD4

Deuteranopia

#CCCDD2

Tritanopia

#D3CECD

Achromatopsia

#C5C5C5

CSS Usage

background-color: #D4BEDB;
color: #D4BEDB;
border-color: #D4BEDB;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F8F5F9
100
#EFE9F2
200
#E1D1E6
300
#CBB0D3
400
#AF86BC
500
#925BA4
600
#754983
700
#5E3A69
800
#492D52
900
#37243D
950
#231727

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026