#7B3414

#7B3414

Color Values

HEX

#7B3414

RGB

123, 52, 20

HSL

18.6, 72.0%, 28.0%

HSV

18.6, 83.7%, 48.2%

CMYK

0.0%, 57.7%, 83.7%, 51.8%

OKLCH

0.4174 0.1082 42.4

Properties

Warm Dark Nearest: sienna 4

Color Harmonies

Complementary

#7B3414

#145B7B

Analogous

#7B1428

#7B6714

#7B3414

Triadic

#7B3414

#147B34

#34147B

Split Complementary

#7B3414

#147B67

#14287B

Tetradic

#7B3414

#287B14

#145B7B

#67147B

Color Blindness Simulation

Original

#7B3414

Protanopia

#5C5C1C

Deuteranopia

#60661E

Tritanopia

#772223

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F8E9E2
200
#F5D2C2
300
#EEB196
400
#E5875D
500
#DB5D24
600
#AF4A1D
700
#8C3B17
800
#6E2E12
900
#502511
950
#32170B

Contrast Checker

Text on white

8.96:1

AA Pass AAA Pass

Text on black

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