#DF4D83

#DF4D83

Color Values

HEX

#DF4D83

RGB

223, 77, 131

HSL

337,8, 69,5%, 58,8%

HSV

337,8, 65,5%, 87,5%

CMYK

0,0%, 65,5%, 41,3%, 12,5%

OKLCH

0,6337 0,1865 1,2

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#DF4D83

#4DDFA9

Analogous

#DF4DCC

#DF604D

#DF4D83

Triadic

#DF4D83

#83DF4D

#4D83DF

Split Complementary

#DF4D83

#4DDF60

#4DCCDF

Tetradic

#DF4D83

#CCDF4D

#4DDFA9

#604DDF

Color Blindness Simulation

Original

#DF4D83

Protanopia

#A09F76

Deuteranopia

#A8B373

Tritanopia

#D86C69

Achromatopsia

#707070

CSS Usage

background-color: #DF4D83;
color: #DF4D83;
border-color: #DF4D83;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF3F6
100
#F8E3EA
200
#F4C2D5
300
#EC97B7
400
#E25F90
500
#D82768
600
#AD1F54
700
#8A1943
800
#6C1334
900
#4F1229
950
#320B1A

Contrast Checker

Text on white

3,8:1

AA Fail AAA Fail

Text on black

5,53: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