#7C7513

#7C7513

Color Values

HEX

#7C7513

RGB

124, 117, 19

HSL

56.0, 73.4%, 28.0%

HSV

56.0, 84.7%, 48.6%

CMYK

0.0%, 5.6%, 84.7%, 51.4%

OKLCH

0.5517 0.1109 105.1

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#7C7513

#131A7C

Analogous

#7C4013

#4E7C13

#7C7513

Triadic

#7C7513

#137C75

#75137C

Split Complementary

#7C7513

#134E7C

#40137C

Tetradic

#7C7513

#137C40

#131A7C

#7C134E

Color Blindness Simulation

Original

#7C7513

Protanopia

#79792B

Deuteranopia

#797A30

Tritanopia

#7C3D42

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F7E2
200
#F6F2C1
300
#EFE995
400
#E6DD5B
500
#DDD122
600
#B1A71B
700
#8D8616
800
#6F6811
900
#504C10
950
#33300A

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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