#7C5B63

#7C5B63

Color Values

HEX

#7C5B63

RGB

124, 91, 99

HSL

345.5, 15.3%, 42.2%

HSV

345.5, 26.6%, 48.6%

CMYK

0.0%, 26.6%, 20.2%, 51.4%

OKLCH

0.5079 0.0447 2.7

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#7C5B63

#5B7C74

Analogous

#7C5B74

#7C645B

#7C5B63

Triadic

#7C5B63

#637C5B

#5B637C

Split Complementary

#7C5B63

#5B7C64

#5B747C

Tetradic

#7C5B63

#747C5B

#5B7C74

#645B7C

Color Blindness Simulation

Original

#7C5B63

Protanopia

#6E6D61

Deuteranopia

#707261

Tritanopia

#7A605F

Achromatopsia

#636363

CSS Usage

background-color: #7C5B63;
color: #7C5B63;
border-color: #7C5B63;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F6F7
100
#EFEBEC
200
#E1D6D8
300
#CBB8BD
400
#AF9299
500
#936C75
600
#76565E
700
#5E454B
800
#4A363B
900
#372A2D
950
#231A1C

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

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