#DC4B3F

#DC4B3F

Color Values

HEX

#DC4B3F

RGB

220, 75, 63

HSL

4.6, 69.2%, 55.5%

HSV

4.6, 71.4%, 86.3%

CMYK

0.0%, 65.9%, 71.4%, 13.7%

OKLCH

0.6121 0.1831 28.4

Properties

Warm Light Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#DC4B3F

#3FD0DC

Analogous

#DC3F81

#DC9A3F

#DC4B3F

Triadic

#DC4B3F

#3FDC4B

#4B3FDC

Split Complementary

#DC4B3F

#3FDC9A

#3F81DC

Tetradic

#DC4B3F

#81DC3F

#3FD0DC

#9A3FDC

Color Blindness Simulation

Original

#DC4B3F

Protanopia

#9D9C42

Deuteranopia

#A6B043

Tritanopia

#D54445

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E4E3
200
#F4C6C3
300
#EC9E97
400
#E2695F
500
#D83527
600
#AD2A1F
700
#8A2219
800
#6C1A14
900
#4F1712
950
#320E0C

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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