#754E30

#754E30

Color Values

HEX

#754E30

RGB

117, 78, 48

HSL

26.1, 41.8%, 32.4%

HSV

26.1, 59.0%, 45.9%

CMYK

0.0%, 33.3%, 59.0%, 54.1%

OKLCH

0.4602 0.0686 57.6

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#754E30

#305775

Analogous

#753035

#757130

#754E30

Triadic

#754E30

#30754E

#4E3075

Split Complementary

#754E30

#307571

#303575

Tetradic

#754E30

#357530

#305775

#713075

Color Blindness Simulation

Original

#754E30

Protanopia

#646437

Deuteranopia

#666939

Tritanopia

#733D3E

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD9CC
300
#DBBEA8
400
#C89C79
500
#B5794A
600
#91603B
700
#744D2F
800
#5A3C25
900
#432E1E
950
#2A1D13

Contrast Checker

Text on white

7.27:1

AA Pass AAA Pass

Text on black

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