#DF80A4

#DF80A4

Color Values

HEX

#DF80A4

RGB

223, 128, 164

HSL

337.3, 59.7%, 68.8%

HSV

337.3, 42.6%, 87.5%

CMYK

0.0%, 42.6%, 26.5%, 12.5%

OKLCH

0.7127 0.1238 356.5

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#DF80A4

#80DFBB

Analogous

#DF80D3

#DF8C80

#DF80A4

Triadic

#DF80A4

#A4DF80

#80A4DF

Split Complementary

#DF80A4

#80DF8C

#80D3DF

Tetradic

#DF80A4

#D3DF80

#80DFBB

#8C80DF

Color Blindness Simulation

Original

#DF80A4

Protanopia

#B6B59B

Deuteranopia

#BBC299

Tritanopia

#DA9493

Achromatopsia

#979797

CSS Usage

background-color: #DF80A4;
color: #DF80A4;
border-color: #DF80A4;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FBF3F6
100
#F6E4EB
200
#F1C6D6
300
#E69DB9
400
#D96893
500
#CC336D
600
#A32957
700
#822146
800
#661A36
900
#4A162A
950
#2F0E1B

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

7.76:1

AA Pass AAA Pass

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