#DC569B

#DC569B

Color Values

HEX

#DC569B

RGB

220, 86, 155

HSL

329.1, 65.7%, 60.0%

HSV

329.1, 60.9%, 86.3%

CMYK

0.0%, 60.9%, 29.5%, 13.7%

OKLCH

0.6473 0.1814 351.4

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#DC569B

#56DC97

Analogous

#DA56DC

#DC5658

#DC569B

Triadic

#DC569B

#9BDC56

#569BDC

Split Complementary

#DC569B

#58DC56

#56DCDA

Tetradic

#DC569B

#DCDA56

#56DC97

#5658DC

Color Blindness Simulation

Original

#DC569B

Protanopia

#A2A18A

Deuteranopia

#AAB486

Tritanopia

#D57D7A

Achromatopsia

#777777

CSS Usage

background-color: #DC569B;
color: #DC569B;
border-color: #DC569B;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FCF3F7
100
#F7E3ED
200
#F3C4DC
300
#EA9AC3
400
#DF63A3
500
#D32C82
600
#A92368
700
#871C53
800
#6A1641
900
#4D1431
950
#310D1F

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

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