#DA2120

#DA2120

Color Values

HEX

#DA2120

RGB

218, 33, 32

HSL

0.3, 74.4%, 49.0%

HSV

0.3, 85.3%, 85.5%

CMYK

0.0%, 84.9%, 85.3%, 14.5%

OKLCH

0.5701 0.2167 27.8

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DA2120

#20D9DA

Analogous

#DA207C

#DA7E20

#DA2120

Triadic

#DA2120

#20DA21

#2120DA

Split Complementary

#DA2120

#20DA7E

#207CDA

Tetradic

#DA2120

#7CDA20

#20D9DA

#7E20DA

Color Blindness Simulation

Original

#DA2120

Protanopia

#8A8820

Deuteranopia

#95A220

Tritanopia

#D12020

Achromatopsia

#484848

CSS Usage

background-color: #DA2120;
color: #DA2120;
border-color: #DA2120;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FCF3F3
100
#F8E2E2
200
#F6C1C1
300
#EF9594
400
#E75B5A
500
#DE2221
600
#B21B1A
700
#8E1515
800
#6F1110
900
#511010
950
#330A0A

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

4.22:1

AA Fail 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