#55422E

#55422E

Color Values

HEX

#55422E

RGB

85, 66, 46

HSL

30.8, 29.8%, 25.7%

HSV

30.8, 45.9%, 33.3%

CMYK

0.0%, 22.4%, 45.9%, 66.7%

OKLCH

0.394 0.041 67.6

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#55422E

#2E4155

Analogous

#552F2E

#55552E

#55422E

Triadic

#55422E

#2E5542

#422E55

Split Complementary

#55422E

#2E5555

#2F2E55

Tetradic

#55422E

#2E552F

#2E4155

#552E55

Color Blindness Simulation

Original

#55422E

Protanopia

#4D4D33

Deuteranopia

#4E4F34

Tritanopia

#543738

Achromatopsia

#454545

CSS Usage

background-color: #55422E;
color: #55422E;
border-color: #55422E;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DCD1
300
#D4C2B0
400
#BDA185
500
#A5815A
600
#846748
700
#6A5239
800
#53402D
900
#3D3123
950
#271F16

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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