#DA4380

#DA4380

Color Values

HEX

#DA4380

RGB

218, 67, 128

HSL

335.8, 67.1%, 55.9%

HSV

335.8, 69.3%, 85.5%

CMYK

0.0%, 69.3%, 41.3%, 14.5%

OKLCH

0.6147 0.1931 359.9

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#DA4380

#43DA9D

Analogous

#DA43CB

#DA5243

#DA4380

Triadic

#DA4380

#80DA43

#4380DA

Split Complementary

#DA4380

#43DA52

#43CBDA

Tetradic

#DA4380

#CBDA43

#43DA9D

#5243DA

Color Blindness Simulation

Original

#DA4380

Protanopia

#999771

Deuteranopia

#A1AD6E

Tritanopia

#D26663

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3EB
200
#F3C3D7
300
#EB99BA
400
#E06194
500
#D52A6F
600
#AA2259
700
#881B47
800
#6B1537
900
#4E132B
950
#310C1B

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

5.1: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