#DC2386

#DC2386

Color Values

HEX

#DC2386

RGB

220, 35, 134

HSL

327.9, 72.5%, 50.0%

HSV

327.9, 84.1%, 86.3%

CMYK

0.0%, 84.1%, 39.1%, 13.7%

OKLCH

0.5961 0.2269 354.9

Properties

Warm Light Nearest: deeppink 3

Color Harmonies

Complementary

#DC2386

#23DC79

Analogous

#D523DC

#DC232A

#DC2386

Triadic

#DC2386

#86DC23

#2386DC

Split Complementary

#DC2386

#2ADC23

#23DCD5

Tetradic

#DC2386

#DCD523

#23DC79

#232ADC

Color Blindness Simulation

Original

#DC2386

Protanopia

#8C8A6E

Deuteranopia

#97A468

Tritanopia

#D35B57

Achromatopsia

#515151

CSS Usage

background-color: #DC2386;
color: #DC2386;
border-color: #DC2386;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FCF3F8
100
#F8E2EE
200
#F5C1DD
300
#EE95C5
400
#E55CA5
500
#DC2386
600
#B01C6B
700
#8D1656
800
#6E1243
900
#501133
950
#330B20

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.63:1

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