#DC7678

#DC7678

Color Values

HEX

#DC7678

RGB

220, 118, 120

HSL

358.8, 59.3%, 66.3%

HSV

358.8, 46.4%, 86.3%

CMYK

0.0%, 46.4%, 45.5%, 13.7%

OKLCH

0.6812 0.1273 19.7

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#DC7678

#76DCDA

Analogous

#DC76AB

#DCA776

#DC7678

Triadic

#DC7678

#78DC76

#7678DC

Split Complementary

#DC7678

#76DCA7

#76ABDC

Tetradic

#DC7678

#ABDC76

#76DCDA

#A776DC

Color Blindness Simulation

Original

#DC7678

Protanopia

#B0AF78

Deuteranopia

#B6BD77

Tritanopia

#D77777

Achromatopsia

#8C8C8C

CSS Usage

background-color: #DC7678;
color: #DC7678;
border-color: #DC7678;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FBF3F4
100
#F6E4E5
200
#F0C6C7
300
#E69E9F
400
#D9696B
500
#CB3437
600
#A22A2C
700
#822123
800
#661A1B
900
#4A1718
950
#2F0E0F

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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