#DD2256

#DD2256

Color Values

HEX

#DD2256

RGB

221, 34, 86

HSL

343.3, 73.3%, 50.0%

HSV

343.3, 84.6%, 86.7%

CMYK

0.0%, 84.6%, 61.1%, 13.3%

OKLCH

0.5837 0.2166 12.9

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#DD2256

#22DDA9

Analogous

#DD22B4

#DD4B22

#DD2256

Triadic

#DD2256

#56DD22

#2256DD

Split Complementary

#DD2256

#22DD4B

#22B4DD

Tetradic

#DD2256

#B4DD22

#22DDA9

#4B22DD

Color Blindness Simulation

Original

#DD2256

Protanopia

#8C8A49

Deuteranopia

#97A546

Tritanopia

#D43F3D

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FCF3F5
100
#F8E2E8
200
#F5C1D0
300
#EF95AE
400
#E65B82
500
#DD2256
600
#B11B45
700
#8D1637
800
#6E112B
900
#501022
950
#330A16

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026