#D4659C

#D4659C

Color Values

HEX

#D4659C

RGB

212, 101, 156

HSL

330.3, 56.3%, 61.4%

HSV

330.3, 52.4%, 83.1%

CMYK

0.0%, 52.4%, 26.4%, 16.9%

OKLCH

0.6557 0.1522 351.1

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#D4659C

#65D49D

Analogous

#D465D3

#D46665

#D4659C

Triadic

#D4659C

#9CD465

#659CD4

Split Complementary

#D4659C

#65D466

#65D3D4

Tetradic

#D4659C

#D3D465

#65D49D

#6665D4

Color Blindness Simulation

Original

#D4659C

Protanopia

#A4A38F

Deuteranopia

#AAB38C

Tritanopia

#CE8482

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E5ED
200
#EFC7DB
300
#E49FC1
400
#D66CA0
500
#C7387F
600
#9F2D65
700
#802451
800
#641C3F
900
#491830
950
#2E0F1E

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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