#554F2F

#554F2F

Color Values

HEX

#554F2F

RGB

85, 79, 47

HSL

50,5, 28,8%, 25,9%

HSV

50,5, 44,7%, 33,3%

CMYK

0,0%, 7,1%, 44,7%, 66,7%

OKLCH

0,425 0,0489 98,9

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#554F2F

#2F3555

Analogous

#553C2F

#48552F

#554F2F

Triadic

#554F2F

#2F554F

#4F2F55

Split Complementary

#554F2F

#2F4855

#3C2F55

Tetradic

#554F2F

#2F553C

#2F3555

#552F48

Color Blindness Simulation

Original

#554F2F

Protanopia

#525237

Deuteranopia

#535339

Tritanopia

#553D3E

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F0E9
200
#E6E2D1
300
#D3CEB0
400
#BCB385
500
#A4995B
600
#837A49
700
#69623A
800
#524C2D
900
#3D3924
950
#272417

Contrast Checker

Text on white

8,25:1

AA Pass AAA Pass

Text on black

2,55:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026