#DC6DAE

#DC6DAE

Color Values

HEX

#DC6DAE

RGB

220, 109, 174

HSL

324.9, 61.3%, 64.5%

HSV

324.9, 50.5%, 86.3%

CMYK

0.0%, 50.5%, 20.9%, 13.7%

OKLCH

0.684 0.1571 345.9

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#DC6DAE

#6DDC9B

Analogous

#D36DDC

#DC6D76

#DC6DAE

Triadic

#DC6DAE

#AEDC6D

#6DAEDC

Split Complementary

#DC6DAE

#76DC6D

#6DDCD3

Tetradic

#DC6DAE

#DCD36D

#6DDC9B

#6D76DC

Color Blindness Simulation

Original

#DC6DAE

Protanopia

#ACAB9E

Deuteranopia

#B2BB9A

Tritanopia

#D6928F

Achromatopsia

#898989

CSS Usage

background-color: #DC6DAE;
color: #DC6DAE;
border-color: #DC6DAE;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF3F8
100
#F6E4EF
200
#F1C5DF
300
#E79CC8
400
#DA67AA
500
#CE318D
600
#A52771
700
#84205A
800
#671946
900
#4B1635
950
#2F0E21

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

6.84:1

AA Pass AAA Fail

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