#D12975

#D12975

Color Values

HEX

#D12975

RGB

209, 41, 117

HSL

332.9, 67.2%, 49.0%

HSV

332.9, 80.4%, 82.0%

CMYK

0.0%, 80.4%, 44.0%, 18.0%

OKLCH

0.5751 0.2083 359.5

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#D12975

#29D185

Analogous

#D129C9

#D13129

#D12975

Triadic

#D12975

#75D129

#2975D1

Split Complementary

#D12975

#29D131

#29C9D1

Tetradic

#D12975

#C9D129

#29D185

#3129D1

Color Blindness Simulation

Original

#D12975

Protanopia

#888763

Deuteranopia

#929F5E

Tritanopia

#C95451

Achromatopsia

#525252

CSS Usage

background-color: #D12975;
color: #D12975;
border-color: #D12975;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F3C3D9
300
#EB99BE
400
#E0619B
500
#D52A77
600
#AB215F
700
#881B4C
800
#6B153C
900
#4E132E
950
#310C1D

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026