#DC6F74

#DC6F74

Color Values

HEX

#DC6F74

RGB

220, 111, 116

HSL

357.2, 60.9%, 64.9%

HSV

357.2, 49.5%, 86.3%

CMYK

0.0%, 49.5%, 47.3%, 13.7%

OKLCH

0.6696 0.1363 18.6

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#DC6F74

#6FDCD7

Analogous

#DC6FAB

#DCA06F

#DC6F74

Triadic

#DC6F74

#74DC6F

#6F74DC

Split Complementary

#DC6F74

#6FDCA0

#6FABDC

Tetradic

#DC6F74

#ABDC6F

#6FDCD7

#A06FDC

Color Blindness Simulation

Original

#DC6F74

Protanopia

#ADAC73

Deuteranopia

#B3BB72

Tritanopia

#D77272

Achromatopsia

#878787

CSS Usage

background-color: #DC6F74;
color: #DC6F74;
border-color: #DC6F74;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FBF3F4
100
#F6E4E5
200
#F1C6C8
300
#E79DA0
400
#DA676D
500
#CD3239
600
#A4282E
700
#832025
800
#67191D
900
#4B1618
950
#2F0E0F

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.57:1

AA Pass AAA Fail

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