#554B26

#554B26

Color Values

HEX

#554B26

RGB

85, 75, 38

HSL

47,2, 38,2%, 24,1%

HSV

47,2, 55,3%, 33,3%

CMYK

0,0%, 11,8%, 55,3%, 66,7%

OKLCH

0,4137 0,0559 94,6

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#554B26

#263055

Analogous

#553326

#475526

#554B26

Triadic

#554B26

#26554B

#4B2655

Split Complementary

#554B26

#264755

#332655

Tetradic

#554B26

#265533

#263055

#552647

Color Blindness Simulation

Original

#554B26

Protanopia

#51512F

Deuteranopia

#515231

Tritanopia

#543638

Achromatopsia

#4A4A4A

CSS Usage

background-color: #554B26;
color: #554B26;
border-color: #554B26;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#FAF9F5
100
#F3F0E7
200
#E9E3CE
300
#D9CFAA
400
#C5B57D
500
#B09B4F
600
#8D7C3F
700
#716332
800
#584E27
900
#413A20
950
#292514

Contrast Checker

Text on white

8,68:1

AA Pass AAA Pass

Text on black

2,42: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