#D97C80

#D97C80

Color Values

HEX

#D97C80

RGB

217, 124, 128

HSL

357.4, 55.0%, 66.9%

HSV

357.4, 42.9%, 85.1%

CMYK

0.0%, 42.9%, 41.0%, 14.9%

OKLCH

0.6888 0.1156 17.8

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#D97C80

#7CD9D5

Analogous

#D97CAF

#D9A77C

#D97C80

Triadic

#D97C80

#80D97C

#7C80D9

Split Complementary

#D97C80

#7CD9A7

#7CAFD9

Tetradic

#D97C80

#AFD97C

#7CD9D5

#A77CD9

Color Blindness Simulation

Original

#D97C80

Protanopia

#B1B07F

Deuteranopia

#B6BD7F

Tritanopia

#D47E7E

Achromatopsia

#909090

CSS Usage

background-color: #D97C80;
color: #D97C80;
border-color: #D97C80;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FBF4F4
100
#F5E5E6
200
#EFC8C9
300
#E3A0A3
400
#D56D71
500
#C6393F
600
#9E2E33
700
#7E2529
800
#631D20
900
#48181B
950
#2E0F11

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

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