#DC474B

#DC474B

Color Values

HEX

#DC474B

RGB

220, 71, 75

HSL

358,4, 68,0%, 57,1%

HSV

358,4, 67,7%, 86,3%

CMYK

0,0%, 67,7%, 65,9%, 13,7%

OKLCH

0,6095 0,1853 23,1

Properties

Warm Light Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#DC474B

#47DCD8

Analogous

#DC4796

#DC8E47

#DC474B

Triadic

#DC474B

#4BDC47

#474BDC

Split Complementary

#DC474B

#47DC8E

#4796DC

Tetradic

#DC474B

#96DC47

#47DCD8

#8E47DC

Color Blindness Simulation

Original

#DC474B

Protanopia

#9B9A4A

Deuteranopia

#A4AF4A

Tritanopia

#D54949

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F4C3C4
300
#EB989A
400
#E16064
500
#D6292D
600
#AB2124
700
#891A1D
800
#6B1417
900
#4E1314
950
#310C0D

Contrast Checker

Text on white

4,16:1

AA Fail AAA Fail

Text on black

5,05: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