#DA72A2

#DA72A2

Color Values

HEX

#DA72A2

RGB

218, 114, 162

HSL

332.3, 58.4%, 65.1%

HSV

332.3, 47.7%, 85.5%

CMYK

0.0%, 47.7%, 25.7%, 14.5%

OKLCH

0.6844 0.1403 352.4

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#DA72A2

#72DAAA

Analogous

#DA72D6

#DA7672

#DA72A2

Triadic

#DA72A2

#A2DA72

#72A2DA

Split Complementary

#DA72A2

#72DA76

#72D6DA

Tetradic

#DA72A2

#D6DA72

#72DAAA

#7672DA

Color Blindness Simulation

Original

#DA72A2

Protanopia

#ADAC96

Deuteranopia

#B3BB94

Tritanopia

#D58D8B

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E4EC
200
#F0C6DA
300
#E69EBF
400
#D86A9C
500
#CA357A
600
#A22A61
700
#81224E
800
#651B3D
900
#4A172E
950
#2F0F1D

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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