#D4979C

#D4979C

Color Values

HEX

#D4979C

RGB

212, 151, 156

HSL

355.1, 41.5%, 71.2%

HSV

355.1, 28.8%, 83.1%

CMYK

0.0%, 28.8%, 26.4%, 16.9%

OKLCH

0.7367 0.0737 13.6

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#D4979C

#97D4CF

Analogous

#D497BB

#D4B197

#D4979C

Triadic

#D4979C

#9CD497

#979CD4

Split Complementary

#D4979C

#97D4B1

#97BBD4

Tetradic

#D4979C

#BBD497

#97D4CF

#B197D4

Color Blindness Simulation

Original

#D4979C

Protanopia

#BAB99B

Deuteranopia

#BDC29A

Tritanopia

#D19A9A

Achromatopsia

#A4A4A4

CSS Usage

background-color: #D4979C;
color: #D4979C;
border-color: #D4979C;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACCCF
300
#DBA8AD
400
#C87980
500
#B44B53
600
#903C43
700
#733035
800
#5A252A
900
#431E21
950
#2A1315

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.71:1

AA Pass AAA Pass

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