#DA5FA4

#DA5FA4

Color Values

HEX

#DA5FA4

RGB

218, 95, 164

HSL

326.3, 62.4%, 61.4%

HSV

326.3, 56.4%, 85.5%

CMYK

0.0%, 56.4%, 24.8%, 14.5%

OKLCH

0.6588 0.1713 348.0

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#DA5FA4

#5FDA95

Analogous

#D25FDA

#DA5F67

#DA5FA4

Triadic

#DA5FA4

#A4DA5F

#5FA4DA

Split Complementary

#DA5FA4

#67DA5F

#5FDAD2

Tetradic

#DA5FA4

#DAD25F

#5FDA95

#5F67DA

Color Blindness Simulation

Original

#DA5FA4

Protanopia

#A5A493

Deuteranopia

#ACB58F

Tritanopia

#D48683

Achromatopsia

#7E7E7E

CSS Usage

background-color: #DA5FA4;
color: #DA5FA4;
border-color: #DA5FA4;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF3F8
100
#F7E4EE
200
#F2C5DE
300
#E89CC7
400
#DC66A8
500
#CF3089
600
#A6266E
700
#851F58
800
#681845
900
#4C1534
950
#300D21

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.15:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026