#7C4211

#7C4211

Color Values

HEX

#7C4211

RGB

124, 66, 17

HSL

27.5, 75.9%, 27.6%

HSV

27.5, 86.3%, 48.6%

CMYK

0.0%, 46.8%, 86.3%, 51.4%

OKLCH

0.4428 0.0994 55.2

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7C4211

#114B7C

Analogous

#7C1115

#7C7711

#7C4211

Triadic

#7C4211

#117C42

#42117C

Split Complementary

#7C4211

#117C77

#11157C

Tetradic

#7C4211

#157C11

#114B7C

#77117C

Color Blindness Simulation

Original

#7C4211

Protanopia

#63621D

Deuteranopia

#666B20

Tritanopia

#792628

Achromatopsia

#4B4B4B

CSS Usage

background-color: #7C4211;
color: #7C4211;
border-color: #7C4211;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FCF7F2
100
#F9ECE2
200
#F6D9C0
300
#F0BE93
400
#E89B59
500
#E0771F
600
#B36019
700
#904C14
800
#703C0F
900
#522E0F
950
#341D0A

Contrast Checker

Text on white

7.94:1

AA Pass AAA Pass

Text on black

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