#DA7199

#DA7199

Color Values

HEX

#DA7199

RGB

218, 113, 153

HSL

337.1, 58.7%, 64.9%

HSV

337.1, 48.2%, 85.5%

CMYK

0.0%, 48.2%, 29.8%, 14.5%

OKLCH

0.6799 0.1378 357.3

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#DA7199

#71DAB2

Analogous

#DA71CE

#DA7D71

#DA7199

Triadic

#DA7199

#99DA71

#7199DA

Split Complementary

#DA7199

#71DA7D

#71CEDA

Tetradic

#DA7199

#CEDA71

#71DAB2

#7D71DA

Color Blindness Simulation

Original

#DA7199

Protanopia

#ADAC8F

Deuteranopia

#B3BA8D

Tritanopia

#D58886

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F6E4EB
200
#F0C6D6
300
#E69EB9
400
#D86994
500
#CA356E
600
#A22A58
700
#812246
800
#651A37
900
#4A172A
950
#2F0E1B

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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