#DF208E

#DF208E

Color Values

HEX

#DF208E

RGB

223, 32, 142

HSL

325.4, 74.9%, 50.0%

HSV

325.4, 85.7%, 87.5%

CMYK

0.0%, 85.7%, 36.3%, 12.5%

OKLCH

0.6027 0.2341 352.5

Properties

Warm Light Nearest: mediumvioletred

Color Harmonies

Complementary

#DF208E

#20DF71

Analogous

#D020DF

#DF202F

#DF208E

Triadic

#DF208E

#8EDF20

#208EDF

Split Complementary

#DF208E

#2FDF20

#20DFD0

Tetradic

#DF208E

#DFD020

#20DF71

#202FDF

Color Blindness Simulation

Original

#DF208E

Protanopia

#8C8B73

Deuteranopia

#97A66D

Tritanopia

#D55E5A

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E2EF
200
#F6C1DF
300
#F094C9
400
#E75AAB
500
#DF208E
600
#B21A72
700
#8F145B
800
#6F1047
900
#511035
950
#330A22

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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