#7C6C52

#7C6C52

Color Values

HEX

#7C6C52

RGB

124, 108, 82

HSL

37.1, 20.4%, 40.4%

HSV

37.1, 33.9%, 48.6%

CMYK

0.0%, 12.9%, 33.9%, 51.4%

OKLCH

0.5394 0.0432 79.7

Properties

Warm Dark Nearest: Shadow

Color Harmonies

Complementary

#7C6C52

#52627C

Analogous

#7C5752

#777C52

#7C6C52

Triadic

#7C6C52

#527C6C

#6C527C

Split Complementary

#7C6C52

#52777C

#57527C

Tetradic

#7C6C52

#527C57

#52627C

#7C5277

Color Blindness Simulation

Original

#7C6C52

Protanopia

#757558

Deuteranopia

#76775A

Tritanopia

#7B5D5E

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E3DDD4
300
#CEC5B5
400
#B4A58D
500
#9A8665
600
#7B6B51
700
#625641
800
#4D4333
900
#393328
950
#242019

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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