#51503D

#51503D

Color Values

HEX

#51503D

RGB

81, 80, 61

HSL

57.0, 14.1%, 27.8%

HSV

57.0, 24.7%, 31.8%

CMYK

0.0%, 1.2%, 24.7%, 68.2%

OKLCH

0.4266 0.03 105.1

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#51503D

#3D3E51

Analogous

#51463D

#48513D

#51503D

Triadic

#51503D

#3D5150

#503D51

Split Complementary

#51503D

#3D4851

#463D51

Tetradic

#51503D

#3D5146

#3D3E51

#513D48

Color Blindness Simulation

Original

#51503D

Protanopia

#515142

Deuteranopia

#515143

Tritanopia

#514546

Achromatopsia

#4F4F4F

CSS Usage

background-color: #51503D;
color: #51503D;
border-color: #51503D;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E0E0D6
300
#CACAB9
400
#AEAD93
500
#91906E
600
#747358
700
#5D5C46
800
#494837
900
#37362A
950
#22221B

Contrast Checker

Text on white

8.19:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026