#DC645F

#DC645F

Color Values

HEX

#DC645F

RGB

220, 100, 95

HSL

2.4, 64.1%, 61.8%

HSV

2.4, 56.8%, 86.3%

CMYK

0.0%, 54.5%, 56.8%, 13.7%

OKLCH

0.6491 0.1517 24.6

Properties

Warm Light Nearest: indianred 3

Color Harmonies

Complementary

#DC645F

#5FD7DC

Analogous

#DC5F99

#DCA35F

#DC645F

Triadic

#DC645F

#5FDC64

#645FDC

Split Complementary

#DC645F

#5FDCA3

#5F99DC

Tetradic

#DC645F

#99DC5F

#5FD7DC

#A35FDC

Color Blindness Simulation

Original

#DC645F

Protanopia

#A8A760

Deuteranopia

#AFB860

Tritanopia

#D66161

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E4E3
200
#F2C6C4
300
#E99E9B
400
#DD6964
500
#D1342E
600
#A72A25
700
#86211D
800
#691A17
900
#4C1714
950
#300E0D

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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