#755122

#755122

Color Values

HEX

#755122

RGB

117, 81, 34

HSL

34.0, 55.0%, 29.6%

HSV

34.0, 70.9%, 45.9%

CMYK

0.0%, 30.8%, 70.9%, 54.1%

OKLCH

0.4645 0.079 70.8

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#755122

#224675

Analogous

#752822

#6F7522

#755122

Triadic

#755122

#227551

#512275

Split Complementary

#755122

#226F75

#282275

Tetradic

#755122

#227528

#224675

#75226F

Color Blindness Simulation

Original

#755122

Protanopia

#65652D

Deuteranopia

#686A30

Tritanopia

#733638

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EFDEC8
300
#E3C6A0
400
#D5A86D
500
#C68939
600
#9E6D2E
700
#7E5825
800
#63441D
900
#483418
950
#2E210F

Contrast Checker

Text on white

7.1:1

AA Pass AAA Pass

Text on black

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