#554622

#554622

Color Values

HEX

#554622

RGB

85, 70, 34

HSL

42.4, 42.9%, 23.3%

HSV

42.4, 60.0%, 33.3%

CMYK

0.0%, 17.6%, 60.0%, 66.7%

OKLCH

0.4011 0.0563 87.2

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#554622

#223155

Analogous

#552C22

#4A5522

#554622

Triadic

#554622

#225546

#462255

Split Complementary

#554622

#224A55

#2C2255

Tetradic

#554622

#22552C

#223155

#55224A

Color Blindness Simulation

Original

#554622

Protanopia

#4F4E2B

Deuteranopia

#4F502D

Tritanopia

#543233

Achromatopsia

#474747

CSS Usage

background-color: #554622;
color: #554622;
border-color: #554622;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF9F5
100
#F4F0E7
200
#EBE2CC
300
#DCCDA8
400
#C9B178
500
#B69649
600
#92783A
700
#75602F
800
#5B4B24
900
#43381E
950
#2A2313

Contrast Checker

Text on white

9.19:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026