#554A08

#554A08

Color Values

HEX

#554A08

RGB

85, 74, 8

HSL

51.4, 82.8%, 18.2%

HSV

51.4, 90.6%, 33.3%

CMYK

0.0%, 12.9%, 90.6%, 66.7%

OKLCH

0.4081 0.0804 98.8

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#554A08

#081355

Analogous

#552308

#395508

#554A08

Triadic

#554A08

#08554A

#4A0855

Split Complementary

#554A08

#083955

#230855

Tetradic

#554A08

#085523

#081355

#550839

Color Blindness Simulation

Original

#554A08

Protanopia

#505018

Deuteranopia

#51521C

Tritanopia

#542527

Achromatopsia

#484848

CSS Usage

background-color: #554A08;
color: #554A08;
border-color: #554A08;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FDFBF2
100
#FAF6E1
200
#F9F0BE
300
#F4E68F
400
#EFD853
500
#E9CB16
600
#BAA212
700
#95820E
800
#75650B
900
#554A0C
950
#352F08

Contrast Checker

Text on white

8.86:1

AA Pass AAA Pass

Text on black

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