#51535E

#51535E

Color Values

HEX

#51535E

RGB

81, 83, 94

HSL

230.8, 7.4%, 34.3%

HSV

230.8, 13.8%, 36.9%

CMYK

13.8%, 11.7%, 0.0%, 63.1%

OKLCH

0.4445 0.0181 277.5

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#51535E

#5E5C51

Analogous

#51595E

#55515E

#51535E

Triadic

#51535E

#5E5153

#535E51

Split Complementary

#51535E

#5E5551

#595E51

Tetradic

#51535E

#5E5159

#5E5C51

#515E55

Color Blindness Simulation

Original

#51535E

Protanopia

#52525B

Deuteranopia

#52525B

Tritanopia

#515959

Achromatopsia

#535353

CSS Usage

background-color: #51535E;
color: #51535E;
border-color: #51535E;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D9D9DE
300
#BDBFC6
400
#9A9CA8
500
#767989
600
#5E616E
700
#4C4D58
800
#3B3C44
900
#2D2E34
950
#1D1D21

Contrast Checker

Text on white

7.64:1

AA Pass AAA Pass

Text on black

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