#DC2356

#DC2356

Color Values

HEX

#DC2356

RGB

220, 35, 86

HSL

343.5, 72.5%, 50.0%

HSV

343.5, 84.1%, 86.3%

CMYK

0.0%, 84.1%, 60.9%, 13.7%

OKLCH

0.5825 0.2151 12.8

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#DC2356

#23DCA9

Analogous

#DC23B2

#DC4D23

#DC2356

Triadic

#DC2356

#56DC23

#2356DC

Split Complementary

#DC2356

#23DC4D

#23B2DC

Tetradic

#DC2356

#B2DC23

#23DCA9

#4D23DC

Color Blindness Simulation

Original

#DC2356

Protanopia

#8C8A4A

Deuteranopia

#97A447

Tritanopia

#D3403E

Achromatopsia

#4E4E4E

CSS Usage

background-color: #DC2356;
color: #DC2356;
border-color: #DC2356;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FCF3F5
100
#F8E2E8
200
#F5C1D0
300
#EE95AE
400
#E55C82
500
#DC2356
600
#B01C45
700
#8D1637
800
#6E122B
900
#501122
950
#330B16

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026