#DC6C70

#DC6C70

Color Values

HEX

#DC6C70

RGB

220, 108, 112

HSL

357.9, 61.5%, 64.3%

HSV

357.9, 50.9%, 86.3%

CMYK

0.0%, 50.9%, 49.1%, 13.7%

OKLCH

0.6642 0.1403 19.4

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#DC6C70

#6CDCD8

Analogous

#DC6CA8

#DCA06C

#DC6C70

Triadic

#DC6C70

#70DC6C

#6C70DC

Split Complementary

#DC6C70

#6CDCA0

#6CA8DC

Tetradic

#DC6C70

#A8DC6C

#6CDCD8

#A06CDC

Color Blindness Simulation

Original

#DC6C70

Protanopia

#ABAB6F

Deuteranopia

#B2BA6F

Tritanopia

#D66E6E

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F6E4E4
200
#F1C5C7
300
#E79C9F
400
#DB676B
500
#CE3137
600
#A5272C
700
#841F23
800
#67191B
900
#4B1618
950
#300E0F

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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