#DA77AA

#DA77AA

Color Values

HEX

#DA77AA

RGB

218, 119, 170

HSL

329.1, 57.2%, 66.1%

HSV

329.1, 45.4%, 85.5%

CMYK

0.0%, 45.4%, 22.0%, 14.5%

OKLCH

0.6946 0.1365 349.1

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#DA77AA

#77DAA7

Analogous

#D977DA

#DA7779

#DA77AA

Triadic

#DA77AA

#AADA77

#77AADA

Split Complementary

#DA77AA

#79DA77

#77DAD9

Tetradic

#DA77AA

#DAD977

#77DAA7

#7779DA

Color Blindness Simulation

Original

#DA77AA

Protanopia

#AFAE9E

Deuteranopia

#B5BC9B

Tritanopia

#D59492

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E4ED
200
#F0C7DC
300
#E59FC3
400
#D76BA2
500
#C83782
600
#A02C68
700
#802353
800
#641B41
900
#491831
950
#2E0F1F

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.2:1

AA Pass AAA Pass

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