#7B522E

#7B522E

Color Values

HEX

#7B522E

RGB

123, 82, 46

HSL

28.1, 45.6%, 33.1%

HSV

28.1, 62.6%, 48.2%

CMYK

0.0%, 33.3%, 62.6%, 51.8%

OKLCH

0.4758 0.0749 60.8

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#7B522E

#2E577B

Analogous

#7B2E30

#7B782E

#7B522E

Triadic

#7B522E

#2E7B52

#522E7B

Split Complementary

#7B522E

#2E7B78

#2E307B

Tetradic

#7B522E

#307B2E

#2E577B

#782E7B

Color Blindness Simulation

Original

#7B522E

Protanopia

#696937

Deuteranopia

#6C6F39

Tritanopia

#793E3F

Achromatopsia

#585858

CSS Usage

background-color: #7B522E;
color: #7B522E;
border-color: #7B522E;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDACB
300
#DEC0A6
400
#CC9E76
500
#BA7C45
600
#956337
700
#774F2C
800
#5D3E23
900
#442F1D
950
#2B1E12

Contrast Checker

Text on white

6.8:1

AA Pass AAA Fail

Text on black

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