#7B5216

#7B5216

Color Values

HEX

#7B5216

RGB

123, 82, 22

HSL

35.6, 69.7%, 28.4%

HSV

35.6, 82.1%, 48.2%

CMYK

0.0%, 33.3%, 82.1%, 51.8%

OKLCH

0.4731 0.0909 71.6

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7B5216

#163F7B

Analogous

#7B1F16

#717B16

#7B5216

Triadic

#7B5216

#167B52

#52167B

Split Complementary

#7B5216

#16717B

#1F167B

Tetradic

#7B5216

#167B1F

#163F7B

#7B1671

Color Blindness Simulation

Original

#7B5216

Protanopia

#696925

Deuteranopia

#6C6F28

Tritanopia

#793032

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EFE3
200
#F4E0C2
300
#ECCA97
400
#E2AD5F
500
#D89027
600
#AD731F
700
#8A5C19
800
#6C4813
900
#4F3612
950
#32220B

Contrast Checker

Text on white

6.86:1

AA Pass AAA Fail

Text on black

3.06:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026