#D4BAD7

#D4BAD7

Color Values

HEX

#D4BAD7

RGB

212, 186, 215

HSL

293.8, 26.6%, 78.6%

HSV

293.8, 13.5%, 84.3%

CMYK

1.4%, 13.5%, 0.0%, 15.7%

OKLCH

0.8199 0.0491 322.7

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#D4BAD7

#BDD7BA

Analogous

#C5BAD7

#D7BACB

#D4BAD7

Triadic

#D4BAD7

#D7D4BA

#BAD7D4

Split Complementary

#D4BAD7

#CBD7BA

#BAD7C5

Tetradic

#D4BAD7

#D7C5BA

#BDD7BA

#BACBD7

Color Blindness Simulation

Original

#D4BAD7

Protanopia

#C9C9D0

Deuteranopia

#CACCCE

Tritanopia

#D3CAC9

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F0E9F1
200
#E3D2E5
300
#CFB2D2
400
#B588BA
500
#9A5EA1
600
#7C4B81
700
#633C67
800
#4D2F51
900
#3A253C
950
#241726

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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