#7C5F64

#7C5F64

Color Values

HEX

#7C5F64

RGB

124, 95, 100

HSL

349.7, 13.2%, 42.9%

HSV

349.7, 23.4%, 48.6%

CMYK

0.0%, 23.4%, 19.4%, 51.4%

OKLCH

0.5164 0.0384 7.0

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#7C5F64

#5F7C77

Analogous

#7C5F72

#7C685F

#7C5F64

Triadic

#7C5F64

#647C5F

#5F647C

Split Complementary

#7C5F64

#5F7C68

#5F727C

Tetradic

#7C5F64

#727C5F

#5F7C77

#685F7C

Color Blindness Simulation

Original

#7C5F64

Protanopia

#6F6F63

Deuteranopia

#717362

Tritanopia

#7B6262

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEC
200
#E0D7D8
300
#CABABC
400
#AD9498
500
#906F74
600
#73595D
700
#5C474B
800
#48373A
900
#362B2D
950
#221B1C

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

3.68:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026