#516571

#516571

Color Values

HEX

#516571

RGB

81, 101, 113

HSL

202.5, 16.5%, 38.0%

HSV

202.5, 28.3%, 44.3%

CMYK

28.3%, 10.6%, 0.0%, 55.7%

OKLCH

0.4948 0.0308 234.6

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#516571

#715D51

Analogous

#51716D

#515571

#516571

Triadic

#516571

#715165

#657151

Split Complementary

#516571

#715155

#716D51

Tetradic

#516571

#6D5171

#715D51

#557151

Color Blindness Simulation

Original

#516571

Protanopia

#5A5A6E

Deuteranopia

#58576D

Tritanopia

#526C6B

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D5DDE1
300
#B8C4CC
400
#91A5B0
500
#6A8595
600
#556A77
700
#44555F
800
#35424A
900
#293238
950
#1A2023

Contrast Checker

Text on white

6.09:1

AA Pass AAA Fail

Text on black

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