#754C22

#754C22

Color Values

HEX

#754C22

RGB

117, 76, 34

HSL

30.4, 55.0%, 29.6%

HSV

30.4, 70.9%, 45.9%

CMYK

0.0%, 35.0%, 70.9%, 54.1%

OKLCH

0.4541 0.0795 63.9

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#754C22

#224B75

Analogous

#752322

#747522

#754C22

Triadic

#754C22

#22754C

#4C2275

Split Complementary

#754C22

#227475

#232275

Tetradic

#754C22

#227523

#224B75

#752274

Color Blindness Simulation

Original

#754C22

Protanopia

#63632C

Deuteranopia

#66692F

Tritanopia

#733436

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EDE5
200
#EFDCC8
300
#E3C2A0
400
#D5A16D
500
#C68039
600
#9E672E
700
#7E5225
800
#63401D
900
#483118
950
#2E1F0F

Contrast Checker

Text on white

7.46:1

AA Pass AAA Pass

Text on black

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