#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026