#DC93AD

#DC93AD

Color Values

HEX

#DC93AD

RGB

220, 147, 173

HSL

338,6, 51,0%, 72,0%

HSV

338,6, 33,2%, 86,3%

CMYK

0,0%, 33,2%, 21,4%, 13,7%

OKLCH

0,7433 0,0936 356,6

Properties

Warm Light Nearest: Mauvelous

Color Harmonies

Complementary

#DC93AD

#93DCC2

Analogous

#DC93D2

#DC9E93

#DC93AD

Triadic

#DC93AD

#ADDC93

#93ADDC

Split Complementary

#DC93AD

#93DC9E

#93D2DC

Tetradic

#DC93AD

#D2DC93

#93DCC2

#9E93DC

Color Blindness Simulation

Original

#DC93AD

Protanopia

#BCBCA7

Deuteranopia

#C1C6A5

Tritanopia

#D8A2A1

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F5E5EB
200
#EEC9D6
300
#E1A3B9
400
#D17193
500
#C13E6D
600
#9A3257
700
#7B2846
800
#601F36
900
#471A2A
950
#2D111B

Contrast Checker

Text on white

2,38:1

AA Fail AAA Fail

Text on black

8,82: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