#DC6FAA

#DC6FAA

Color Values

HEX

#DC6FAA

RGB

220, 111, 170

HSL

327.5, 60.9%, 64.9%

HSV

327.5, 49.5%, 86.3%

CMYK

0.0%, 49.5%, 22.7%, 13.7%

OKLCH

0.6853 0.1514 348.2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#DC6FAA

#6FDCA1

Analogous

#D76FDC

#DC6F74

#DC6FAA

Triadic

#DC6FAA

#AADC6F

#6FAADC

Split Complementary

#DC6FAA

#74DC6F

#6FDCD7

Tetradic

#DC6FAA

#DCD76F

#6FDCA1

#6F74DC

Color Blindness Simulation

Original

#DC6FAA

Protanopia

#ADAC9C

Deuteranopia

#B3BB98

Tritanopia

#D7908E

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C6DD
300
#E79DC5
400
#DA67A5
500
#CD3286
600
#A4286B
700
#832056
800
#671943
900
#4B1633
950
#2F0E20

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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