#514F36

#514F36

Color Values

HEX

#514F36

RGB

81, 79, 54

HSL

55.6, 20.0%, 26.5%

HSV

55.6, 33.3%, 31.8%

CMYK

0.0%, 2.5%, 33.3%, 68.2%

OKLCH

0.4224 0.0389 104.1

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#514F36

#363851

Analogous

#514236

#465136

#514F36

Triadic

#514F36

#36514F

#4F3651

Split Complementary

#514F36

#364651

#423651

Tetradic

#514F36

#365142

#363851

#513646

Color Blindness Simulation

Original

#514F36

Protanopia

#50503C

Deuteranopia

#50503E

Tritanopia

#514142

Achromatopsia

#4E4E4E

CSS Usage

background-color: #514F36;
color: #514F36;
border-color: #514F36;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F8F6
100
#F0F0EA
200
#E2E1D4
300
#CECCB6
400
#B4B18E
500
#999566
600
#7A7752
700
#626041
800
#4D4B33
900
#393828
950
#242319

Contrast Checker

Text on white

8.33:1

AA Pass AAA Pass

Text on black

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