#765036

#765036

Color Values

HEX

#765036

RGB

118, 80, 54

HSL

24.4, 37.2%, 33.7%

HSV

24.4, 54.2%, 46.3%

CMYK

0.0%, 32.2%, 54.2%, 53.7%

OKLCH

0.4667 0.0643 54.8

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#765036

#365C76

Analogous

#76363C

#767036

#765036

Triadic

#765036

#367650

#503676

Split Complementary

#765036

#367670

#363C76

Tetradic

#765036

#3C7636

#365C76

#703676

Color Blindness Simulation

Original

#765036

Protanopia

#66653C

Deuteranopia

#686B3E

Tritanopia

#744142

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE8
200
#E9D9CE
300
#D9BEAB
400
#C49A7E
500
#AF7750
600
#8C5F40
700
#704C33
800
#573B28
900
#412D20
950
#291D14

Contrast Checker

Text on white

7.07:1

AA Pass AAA Pass

Text on black

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