#DA5285

#DA5285

Color Values

HEX

#DA5285

RGB

218, 82, 133

HSL

337.5, 64.8%, 58.8%

HSV

337.5, 62.4%, 85.5%

CMYK

0.0%, 62.4%, 39.0%, 14.5%

OKLCH

0.6324 0.176 0.2

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#DA5285

#52DAA7

Analogous

#DA52C9

#DA6352

#DA5285

Triadic

#DA5285

#85DA52

#5285DA

Split Complementary

#DA5285

#52DA63

#52C9DA

Tetradic

#DA5285

#C9DA52

#52DAA7

#6352DA

Color Blindness Simulation

Original

#DA5285

Protanopia

#9F9E79

Deuteranopia

#A7B176

Tritanopia

#D36F6D

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F7E3EB
200
#F2C4D6
300
#E99AB8
400
#DE6491
500
#D22D6B
600
#A82455
700
#861D44
800
#691635
900
#4D1429
950
#300D1A

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