#51583B

#51583B

Color Values

HEX

#51583B

RGB

81, 88, 59

HSL

74.5, 19.7%, 28.8%

HSV

74.5, 33.0%, 34.5%

CMYK

8.0%, 0.0%, 33.0%, 65.5%

OKLCH

0.4459 0.0457 119.3

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#51583B

#423B58

Analogous

#58503B

#42583B

#51583B

Triadic

#51583B

#3B5158

#583B51

Split Complementary

#51583B

#3B4258

#503B58

Tetradic

#51583B

#3B5850

#423B58

#583B42

Color Blindness Simulation

Original

#51583B

Protanopia

#545442

Deuteranopia

#545344

Tritanopia

#514849

Achromatopsia

#545454

CSS Usage

background-color: #51583B;
color: #51583B;
border-color: #51583B;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#DFE2D4
300
#C8CEB6
400
#AAB38E
500
#8C9966
600
#707A52
700
#5A6242
800
#464C33
900
#353928
950
#212419

Contrast Checker

Text on white

7.48:1

AA Pass AAA Pass

Text on black

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