#DC686F

#DC686F

Color Values

HEX

#DC686F

RGB

220, 104, 111

HSL

356.4, 62.4%, 63.5%

HSV

356.4, 52.7%, 86.3%

CMYK

0.0%, 52.7%, 49.5%, 13.7%

OKLCH

0.6581 0.1454 18.2

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#DC686F

#68DCD5

Analogous

#DC68A9

#DC9B68

#DC686F

Triadic

#DC686F

#6FDC68

#686FDC

Split Complementary

#DC686F

#68DC9B

#68A9DC

Tetradic

#DC686F

#A9DC68

#68DCD5

#9B68DC

Color Blindness Simulation

Original

#DC686F

Protanopia

#AAA96D

Deuteranopia

#B0B96D

Tritanopia

#D66C6C

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F7E4E5
200
#F2C5C8
300
#E89CA0
400
#DC666D
500
#CF3039
600
#A6262E
700
#851F25
800
#68181D
900
#4C1519
950
#300D0F

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026