#D477AE

#D477AE

Color Values

HEX

#D477AE

RGB

212, 119, 174

HSL

324.5, 52.0%, 64.9%

HSV

324.5, 43.9%, 83.1%

CMYK

0.0%, 43.9%, 17.9%, 16.9%

OKLCH

0.6885 0.1333 344.8

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#D477AE

#77D49D

Analogous

#CC77D4

#D4777F

#D477AE

Triadic

#D477AE

#AED477

#77AED4

Split Complementary

#D477AE

#7FD477

#77D4CC

Tetradic

#D477AE

#D4CC77

#77D49D

#777FD4

Color Blindness Simulation

Original

#D477AE

Protanopia

#ACABA1

Deuteranopia

#B1B89E

Tritanopia

#CF9694

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EF
200
#EEC9DF
300
#E2A2C8
400
#D270AA
500
#C23D8C
600
#9B3170
700
#7C2759
800
#611F46
900
#471A35
950
#2D1021

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

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