#7D5863

#7D5863

Color Values

HEX

#7D5863

RGB

125, 88, 99

HSL

342.2, 17.4%, 41.8%

HSV

342.2, 29.6%, 49.0%

CMYK

0.0%, 29.6%, 20.8%, 51.0%

OKLCH

0.5031 0.0512 359.6

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#7D5863

#587D72

Analogous

#7D5876

#7D6058

#7D5863

Triadic

#7D5863

#637D58

#58637D

Split Complementary

#7D5863

#587D60

#58767D

Tetradic

#7D5863

#767D58

#587D72

#60587D

Color Blindness Simulation

Original

#7D5863

Protanopia

#6D6D60

Deuteranopia

#6F7260

Tritanopia

#7B5E5E

Achromatopsia

#616161

CSS Usage

background-color: #7D5863;
color: #7D5863;
border-color: #7D5863;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F6F7
100
#F0EBEC
200
#E2D5D9
300
#CCB7BD
400
#B1909A
500
#966976
600
#78545F
700
#60434C
800
#4B353B
900
#38292D
950
#231A1D

Contrast Checker

Text on white

6.09:1

AA Pass AAA Fail

Text on black

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