#DF84A9

#DF84A9

Color Values

HEX

#DF84A9

RGB

223, 132, 169

HSL

335,6, 58,7%, 69,6%

HSV

335,6, 40,8%, 87,5%

CMYK

0,0%, 40,8%, 24,2%, 12,5%

OKLCH

0,7206 0,1195 354,6

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#DF84A9

#84DFBA

Analogous

#DF84D6

#DF8C84

#DF84A9

Triadic

#DF84A9

#A9DF84

#84A9DF

Split Complementary

#DF84A9

#84DF8C

#84D6DF

Tetradic

#DF84A9

#D6DF84

#84DFBA

#8C84DF

Color Blindness Simulation

Original

#DF84A9

Protanopia

#B8B7A0

Deuteranopia

#BDC49E

Tritanopia

#DA9997

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E4EB
200
#F0C6D7
300
#E69EBB
400
#D86996
500
#CA3572
600
#A22A5B
700
#812249
800
#651A39
900
#4A172C
950
#2F0E1C

Contrast Checker

Text on white

2,62:1

AA Fail AAA Fail

Text on black

8,01: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