#554C2F

#554C2F

Color Values

HEX

#554C2F

RGB

85, 76, 47

HSL

45.8, 28.8%, 25.9%

HSV

45.8, 44.7%, 33.3%

CMYK

0.0%, 10.6%, 44.7%, 66.7%

OKLCH

0.4177 0.0456 92.8

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#554C2F

#2F3855

Analogous

#55392F

#4B552F

#554C2F

Triadic

#554C2F

#2F554C

#4C2F55

Split Complementary

#554C2F

#2F4B55

#392F55

Tetradic

#554C2F

#2F5539

#2F3855

#552F4B

Color Blindness Simulation

Original

#554C2F

Protanopia

#515136

Deuteranopia

#525238

Tritanopia

#553C3D

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE9
200
#E6E1D1
300
#D3CBB0
400
#BCAF85
500
#A4935B
600
#837549
700
#695E3A
800
#52492D
900
#3D3724
950
#272317

Contrast Checker

Text on white

8.53:1

AA Pass AAA Pass

Text on black

2.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026