#7C7313

#7C7313

Color Values

HEX

#7C7313

RGB

124, 115, 19

HSL

54.9, 73.4%, 28.0%

HSV

54.9, 84.7%, 48.6%

CMYK

0.0%, 7.3%, 84.7%, 51.4%

OKLCH

0.5471 0.109 103.6

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#7C7313

#131C7C

Analogous

#7C3E13

#507C13

#7C7313

Triadic

#7C7313

#137C73

#73137C

Split Complementary

#7C7313

#13507C

#3E137C

Tetradic

#7C7313

#137C3E

#131C7C

#7C1350

Color Blindness Simulation

Original

#7C7313

Protanopia

#78782A

Deuteranopia

#797930

Tritanopia

#7C3D41

Achromatopsia

#6E6E6E

CSS Usage

background-color: #7C7313;
color: #7C7313;
border-color: #7C7313;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FCFBF3
100
#F8F6E2
200
#F6F1C1
300
#EFE795
400
#E6DA5B
500
#DDCD22
600
#B1A41B
700
#8D8316
800
#6F6711
900
#504B10
950
#332F0A

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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