#7C5010

#7C5010

Color Values

HEX

#7C5010

RGB

124, 80, 16

HSL

35.6, 77.1%, 27.5%

HSV

35.6, 87.1%, 48.6%

CMYK

0.0%, 35.5%, 87.1%, 51.4%

OKLCH

0.4699 0.0946 70.2

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#7C5010

#103C7C

Analogous

#7C1A10

#727C10

#7C5010

Triadic

#7C5010

#107C50

#50107C

Split Complementary

#7C5010

#10727C

#1A107C

Tetradic

#7C5010

#107C1A

#103C7C

#7C1072

Color Blindness Simulation

Original

#7C5010

Protanopia

#69691F

Deuteranopia

#6C6F23

Tritanopia

#7A2C2E

Achromatopsia

#555555

CSS Usage

background-color: #7C5010;
color: #7C5010;
border-color: #7C5010;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FCF8F2
100
#F9EFE1
200
#F7E0C0
300
#F1CB93
400
#E9AE58
500
#E2921D
600
#B57517
700
#915D13
800
#71490F
900
#52370F
950
#342309

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

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