#554126

#554126

Color Values

HEX

#554126

RGB

85, 65, 38

HSL

34.5, 38.2%, 24.1%

HSV

34.5, 55.3%, 33.3%

CMYK

0.0%, 23.5%, 55.3%, 66.7%

OKLCH

0.39 0.0494 73.8

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#554126

#263A55

Analogous

#552A26

#515526

#554126

Triadic

#554126

#265541

#412655

Split Complementary

#554126

#265155

#2A2655

Tetradic

#554126

#26552A

#263A55

#552651

Color Blindness Simulation

Original

#554126

Protanopia

#4C4C2D

Deuteranopia

#4E4F2E

Tritanopia

#543233

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#E9DDCE
300
#D9C5AA
400
#C5A67D
500
#B0874F
600
#8D6C3F
700
#715632
800
#584327
900
#413320
950
#292014

Contrast Checker

Text on white

9.68:1

AA Pass AAA Pass

Text on black

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