#505347

#505347

Color Values

HEX

#505347

RGB

80, 83, 71

HSL

75.0, 7.8%, 30.2%

HSV

75.0, 14.5%, 32.5%

CMYK

3.6%, 0.0%, 14.5%, 67.5%

OKLCH

0.4357 0.0196 118.6

Properties

Cool Dark Nearest: RAL 7010 Tarpaulin Grey

Color Harmonies

Complementary

#505347

#4A4753

Analogous

#535047

#4A5347

#505347

Triadic

#505347

#475053

#534750

Split Complementary

#505347

#474A53

#504753

Tetradic

#505347

#475350

#4A4753

#53474A

Color Blindness Simulation

Original

#505347

Protanopia

#51514A

Deuteranopia

#51514B

Tritanopia

#504C4D

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDED9
300
#C4C7BD
400
#A4A899
500
#848976
600
#6A6E5E
700
#55584B
800
#42453B
900
#32342D
950
#20211C

Contrast Checker

Text on white

7.87:1

AA Pass AAA Pass

Text on black

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