#76552E

#76552E

Color Values

HEX

#76552E

RGB

118, 85, 46

HSL

32.5, 43.9%, 32.2%

HSV

32.5, 61.0%, 46.3%

CMYK

0.0%, 28.0%, 61.0%, 53.7%

OKLCH

0.4758 0.0701 69.4

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#76552E

#2E4F76

Analogous

#76312E

#73762E

#76552E

Triadic

#76552E

#2E7655

#552E76

Split Complementary

#76552E

#2E7376

#312E76

Tetradic

#76552E

#2E7631

#2E4F76

#762E73

Color Blindness Simulation

Original

#76552E

Protanopia

#686737

Deuteranopia

#6A6C3A

Tritanopia

#743F41

Achromatopsia

#595959

CSS Usage

background-color: #76552E;
color: #76552E;
border-color: #76552E;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#EBDDCC
300
#DDC4A7
400
#CAA477
500
#B78448
600
#936A39
700
#75552E
800
#5C4224
900
#44321D
950
#2B2013

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

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