#554408

#554408

Color Values

HEX

#554408

RGB

85, 68, 8

HSL

46.8, 82.8%, 18.2%

HSV

46.8, 90.6%, 33.3%

CMYK

0.0%, 20.0%, 90.6%, 66.7%

OKLCH

0.3936 0.076 91.4

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#554408

#081955

Analogous

#551E08

#3F5508

#554408

Triadic

#554408

#085544

#440855

Split Complementary

#554408

#083F55

#1E0855

Tetradic

#554408

#08551E

#081955

#55083F

Color Blindness Simulation

Original

#554408

Protanopia

#4E4D17

Deuteranopia

#4F501A

Tritanopia

#542224

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDFAF2
100
#FAF4E1
200
#F9ECBE
300
#F4DE8F
400
#EFCC53
500
#E9BB16
600
#BA9512
700
#95770E
800
#755D0B
900
#55450C
950
#352B08

Contrast Checker

Text on white

9.47:1

AA Pass AAA Pass

Text on black

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