#7C4F22

#7C4F22

Color Values

HEX

#7C4F22

RGB

124, 79, 34

HSL

30.0, 57.0%, 31.0%

HSV

30.0, 72.6%, 48.6%

CMYK

0.0%, 36.3%, 72.6%, 51.4%

OKLCH

0.4694 0.0851 62.9

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7C4F22

#224F7C

Analogous

#7C2222

#7C7C22

#7C4F22

Triadic

#7C4F22

#227C4F

#4F227C

Split Complementary

#7C4F22

#227C7C

#22227C

Tetradic

#7C4F22

#227C22

#224F7C

#7C227C

Color Blindness Simulation

Original

#7C4F22

Protanopia

#69682D

Deuteranopia

#6B6E30

Tritanopia

#7A3537

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6EDE5
200
#F0DBC7
300
#E5C29F
400
#D6A16B
500
#C88037
600
#A0662C
700
#805223
800
#64401B
900
#493018
950
#2E1F0F

Contrast Checker

Text on white

7.0:1

AA Pass AAA Pass

Text on black

3.0:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026