#DC4140

#DC4140

Color Values

HEX

#DC4140

RGB

220, 65, 64

HSL

0.4, 69.0%, 55.7%

HSV

0.4, 70.9%, 86.3%

CMYK

0.0%, 70.5%, 70.9%, 13.7%

OKLCH

0.6016 0.1922 25.4

Properties

Warm Light Nearest: brown 3

Color Harmonies

Complementary

#DC4140

#40DBDC

Analogous

#DC408D

#DC8F40

#DC4140

Triadic

#DC4140

#40DC41

#4140DC

Split Complementary

#DC4140

#40DC8F

#408DDC

Tetradic

#DC4140

#8DDC40

#40DBDC

#8F40DC

Color Blindness Simulation

Original

#DC4140

Protanopia

#999840

Deuteranopia

#A2AE40

Tritanopia

#D44040

Achromatopsia

#626262

CSS Usage

background-color: #DC4140;
color: #DC4140;
border-color: #DC4140;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C3C3
300
#EC9898
400
#E26060
500
#D72928
600
#AC2120
700
#8A1A19
800
#6C1414
900
#4F1312
950
#320C0C

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.87:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026