#DF208F

#DF208F

Color Values

HEX

#DF208F

RGB

223, 32, 143

HSL

325,1, 74,9%, 50,0%

HSV

325,1, 85,7%, 87,5%

CMYK

0,0%, 85,7%, 35,9%, 12,5%

OKLCH

0,6031 0,2345 352,2

Properties

Warm Light Nearest: mediumvioletred

Color Harmonies

Complementary

#DF208F

#20DF70

Analogous

#CF20DF

#DF2030

#DF208F

Triadic

#DF208F

#8FDF20

#208FDF

Split Complementary

#DF208F

#30DF20

#20DFCF

Tetradic

#DF208F

#DFCF20

#20DF70

#2030DF

Color Blindness Simulation

Original

#DF208F

Protanopia

#8C8B74

Deuteranopia

#97A66E

Tritanopia

#D55F5A

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E2EF
200
#F6C1E0
300
#F094C9
400
#E75AAC
500
#DF208F
600
#B21A72
700
#8F145C
800
#6F1048
900
#511036
950
#330A22

Contrast Checker

Text on white

4,43:1

AA Fail AAA Fail

Text on black

4,74: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