#7B3C14

#7B3C14

Color Values

HEX

#7B3C14

RGB

123, 60, 20

HSL

23.3, 72.0%, 28.0%

HSV

23.3, 83.7%, 48.2%

CMYK

0.0%, 51.2%, 83.7%, 51.8%

OKLCH

0.4308 0.1014 49.0

Properties

Warm Dark Nearest: sienna 4

Color Harmonies

Complementary

#7B3C14

#14537B

Analogous

#7B141F

#7B6F14

#7B3C14

Triadic

#7B3C14

#147B3C

#3C147B

Split Complementary

#7B3C14

#147B6F

#141F7B

Tetradic

#7B3C14

#1F7B14

#14537B

#6F147B

Color Blindness Simulation

Original

#7B3C14

Protanopia

#605F1E

Deuteranopia

#636820

Tritanopia

#782527

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F8EBE2
200
#F5D6C2
300
#EEB896
400
#E5915D
500
#DB6B24
600
#AF561D
700
#8C4417
800
#6E3512
900
#502911
950
#321A0B

Contrast Checker

Text on white

8.4:1

AA Pass AAA Pass

Text on black

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