#7C3F08

#7C3F08

Color Values

HEX

#7C3F08

RGB

124, 63, 8

HSL

28.4, 87.9%, 25.9%

HSV

28.4, 93.5%, 48.6%

CMYK

0.0%, 49.2%, 93.5%, 51.4%

OKLCH

0.4368 0.104 54.7

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7C3F08

#08457C

Analogous

#7C080B

#7C7908

#7C3F08

Triadic

#7C3F08

#087C3F

#3F087C

Split Complementary

#7C3F08

#087C79

#080B7C

Tetradic

#7C3F08

#0B7C08

#08457C

#79087C

Color Blindness Simulation

Original

#7C3F08

Protanopia

#626115

Deuteranopia

#656A18

Tritanopia

#792022

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE0
200
#FBDABC
300
#F8BF8C
400
#F49C4E
500
#F07A0F
600
#C0610C
700
#994E0A
800
#783D08
900
#572E0A
950
#371D06

Contrast Checker

Text on white

8.17:1

AA Pass AAA Pass

Text on black

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