#7C480D

#7C480D

Color Values

HEX

#7C480D

RGB

124, 72, 13

HSL

31.9, 81.0%, 26.9%

HSV

31.9, 89.5%, 48.6%

CMYK

0.0%, 41.9%, 89.5%, 51.4%

OKLCH

0.4539 0.0978 62.3

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7C480D

#0D417C

Analogous

#7C110D

#797C0D

#7C480D

Triadic

#7C480D

#0D7C48

#480D7C

Split Complementary

#7C480D

#0D797C

#110D7C

Tetradic

#7C480D

#0D7C11

#0D417C

#7C0D79

Color Blindness Simulation

Original

#7C480D

Protanopia

#65651B

Deuteranopia

#686C1F

Tritanopia

#792729

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#F9EEE1
200
#F8DDBE
300
#F3C590
400
#EDA554
500
#E78618
600
#B96B13
700
#945610
800
#73430C
900
#54330D
950
#352008

Contrast Checker

Text on white

7.53:1

AA Pass AAA Pass

Text on black

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