#DC2350

#DC2350

Color Values

HEX

#DC2350

RGB

220, 35, 80

HSL

345.4, 72.5%, 50.0%

HSV

345.4, 84.1%, 86.3%

CMYK

0.0%, 84.1%, 63.6%, 13.7%

OKLCH

0.5813 0.2148 15.0

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#DC2350

#23DCAF

Analogous

#DC23AC

#DC5323

#DC2350

Triadic

#DC2350

#50DC23

#2350DC

Split Complementary

#DC2350

#23DC53

#23ACDC

Tetradic

#DC2350

#ACDC23

#23DCAF

#5323DC

Color Blindness Simulation

Original

#DC2350

Protanopia

#8C8A45

Deuteranopia

#97A442

Tritanopia

#D33D3B

Achromatopsia

#4E4E4E

CSS Usage

background-color: #DC2350;
color: #DC2350;
border-color: #DC2350;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FCF3F5
100
#F8E2E8
200
#F5C1CE
300
#EE95AB
400
#E55C7E
500
#DC2350
600
#B01C40
700
#8D1633
800
#6E1228
900
#501120
950
#330B14

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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