#516370

#516370

Color Values

HEX

#516370

RGB

81, 99, 112

HSL

205.2, 16.1%, 37.8%

HSV

205.2, 27.7%, 43.9%

CMYK

27.7%, 11.6%, 0.0%, 56.1%

OKLCH

0.4896 0.0303 239.6

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#516370

#705E51

Analogous

#51706D

#515370

#516370

Triadic

#516370

#705163

#637051

Split Complementary

#516370

#705153

#706D51

Tetradic

#516370

#6D5170

#705E51

#537051

Color Blindness Simulation

Original

#516370

Protanopia

#59596D

Deuteranopia

#58566C

Tritanopia

#526A6A

Achromatopsia

#606060

CSS Usage

background-color: #516370;
color: #516370;
border-color: #516370;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D6DCE1
300
#B8C3CC
400
#91A3B0
500
#6B8394
600
#566976
700
#44545F
800
#35414A
900
#293237
950
#1A1F23

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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