#7C7255

#7C7255

Color Values

HEX

#7C7255

RGB

124, 114, 85

HSL

44.6, 18.7%, 41.0%

HSV

44.6, 31.5%, 48.6%

CMYK

0.0%, 8.1%, 31.5%, 51.4%

OKLCH

0.5534 0.0441 91.3

Properties

Warm Dark Nearest: Shadow

Color Harmonies

Complementary

#7C7255

#555F7C

Analogous

#7C5F55

#737C55

#7C7255

Triadic

#7C7255

#557C72

#72557C

Split Complementary

#7C7255

#55737C

#5F557C

Tetradic

#7C7255

#557C5F

#555F7C

#7C5573

Color Blindness Simulation

Original

#7C7255

Protanopia

#78785C

Deuteranopia

#78795E

Tritanopia

#7C6263

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2DFD5
300
#CDC7B6
400
#B2A98F
500
#978B68
600
#796F53
700
#615942
800
#4C4634
900
#393428
950
#242119

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

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