#D77578

#D77578

Color Values

HEX

#D77578

RGB

215, 117, 120

HSL

358.2, 55.1%, 65.1%

HSV

358.2, 45.6%, 84.3%

CMYK

0.0%, 45.6%, 44.2%, 15.7%

OKLCH

0.6731 0.1226 18.9

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#D77578

#75D7D4

Analogous

#D775A9

#D7A375

#D77578

Triadic

#D77578

#78D775

#7578D7

Split Complementary

#D77578

#75D7A3

#75A9D7

Tetradic

#D77578

#A9D775

#75D7D4

#A375D7

Color Blindness Simulation

Original

#D77578

Protanopia

#ADAC77

Deuteranopia

#B2BA77

Tritanopia

#D27777

Achromatopsia

#8A8A8A

CSS Usage

background-color: #D77578;
color: #D77578;
border-color: #D77578;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FBF4F4
100
#F6E5E5
200
#EFC8C9
300
#E4A0A2
400
#D56D70
500
#C6393D
600
#9E2E31
700
#7F2527
800
#631D1F
900
#48181A
950
#2E0F10

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

6.71:1

AA Pass 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