#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026