#DC79CC

#DC79CC

Color Values

HEX

#DC79CC

RGB

220, 121, 204

HSL

309,7, 58,6%, 66,9%

HSV

309,7, 45,0%, 86,3%

CMYK

0,0%, 45,0%, 7,3%, 13,7%

OKLCH

0,713 0,1593 333,4

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#DC79CC

#79DC89

Analogous

#BB79DC

#DC799B

#DC79CC

Triadic

#DC79CC

#CCDC79

#79CCDC

Split Complementary

#DC79CC

#9BDC79

#79DCBB

Tetradic

#DC79CC

#DCBB79

#79DC89

#799BDC

Color Blindness Simulation

Original

#DC79CC

Protanopia

#B1B0B8

Deuteranopia

#B7BEB3

Tritanopia

#D7A8A5

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F6E4F3
200
#F0C6E9
300
#E69EDA
400
#D869C6
500
#CA35B2
600
#A22A8E
700
#812272
800
#651A59
900
#4A1742
950
#2F0E2A

Contrast Checker

Text on white

2,75:1

AA Fail AAA Fail

Text on black

7,65: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