#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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026