#DA6493

#DA6493

Color Values

HEX

#DA6493

RGB

218, 100, 147

HSL

336.1, 61.5%, 62.4%

HSV

336.1, 54.1%, 85.5%

CMYK

0.0%, 54.1%, 32.6%, 14.5%

OKLCH

0.6595 0.1554 357.2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#DA6493

#64DAAB

Analogous

#DA64CE

#DA7064

#DA6493

Triadic

#DA6493

#93DA64

#6493DA

Split Complementary

#DA6493

#64DA70

#64CEDA

Tetradic

#DA6493

#CEDA64

#64DAAB

#7064DA

Color Blindness Simulation

Original

#DA6493

Protanopia

#A7A688

Deuteranopia

#AEB785

Tritanopia

#D47F7D

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4EB
200
#F1C5D7
300
#E79CBA
400
#DB6795
500
#CE3170
600
#A52759
700
#841F47
800
#671938
900
#4B162B
950
#300E1B

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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