#7C3E09

#7C3E09

Color Values

HEX

#7C3E09

RGB

124, 62, 9

HSL

27.7, 86.5%, 26.1%

HSV

27.7, 92.7%, 48.6%

CMYK

0.0%, 50.0%, 92.7%, 51.4%

OKLCH

0.4351 0.1044 53.6

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7C3E09

#09477C

Analogous

#7C090D

#7C7809

#7C3E09

Triadic

#7C3E09

#097C3E

#3E097C

Split Complementary

#7C3E09

#097C78

#090D7C

Tetradic

#7C3E09

#0D7C09

#09477C

#78097C

Color Blindness Simulation

Original

#7C3E09

Protanopia

#616116

Deuteranopia

#656919

Tritanopia

#792022

Achromatopsia

#474747

CSS Usage

background-color: #7C3E09;
color: #7C3E09;
border-color: #7C3E09;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#FDF7F2
100
#FAECE0
200
#FAD9BC
300
#F7BE8D
400
#F29A4F
500
#EE7711
600
#BE5F0E
700
#984C0B
800
#773C09
900
#562E0B
950
#361D07

Contrast Checker

Text on white

8.24:1

AA Pass AAA Pass

Text on black

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