#D4A3CC

#D4A3CC

Color Values

HEX

#D4A3CC

RGB

212, 163, 204

HSL

309.8, 36.3%, 73.5%

HSV

309.8, 23.1%, 83.1%

CMYK

0.0%, 23.1%, 3.8%, 16.9%

OKLCH

0.7734 0.0793 332.0

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#D4A3CC

#A3D4AB

Analogous

#C3A3D4

#D4A3B3

#D4A3CC

Triadic

#D4A3CC

#CCD4A3

#A3CCD4

Split Complementary

#D4A3CC

#B3D4A3

#A3D4C3

Tetradic

#D4A3CC

#D4C3A3

#A3D4AB

#A3B3D4

Color Blindness Simulation

Original

#D4A3CC

Protanopia

#BFBEC2

Deuteranopia

#C2C5C0

Tritanopia

#D2BAB9

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CEE4
300
#D8ACD1
400
#C37EB8
500
#AE519F
600
#8B417F
700
#6F3466
800
#57294F
900
#40213B
950
#291525

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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