#51565E

#51565E

Color Values

HEX

#51565E

RGB

81, 86, 94

HSL

216.9, 7.4%, 34.3%

HSV

216.9, 13.8%, 36.9%

CMYK

13.8%, 8.5%, 0.0%, 63.1%

OKLCH

0.4516 0.0145 259.8

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#51565E

#5E5951

Analogous

#515C5E

#52515E

#51565E

Triadic

#51565E

#5E5156

#565E51

Split Complementary

#51565E

#5E5251

#5C5E51

Tetradic

#51565E

#5E515C

#5E5951

#515E52

Color Blindness Simulation

Original

#51565E

Protanopia

#53535C

Deuteranopia

#53525C

Tritanopia

#515B5A

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DBDE
300
#BDC1C6
400
#9A9FA8
500
#767D89
600
#5E646E
700
#4C5058
800
#3B3F44
900
#2D3034
950
#1D1E21

Contrast Checker

Text on white

7.39:1

AA Pass AAA Pass

Text on black

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