#516776

#516776

Color Values

HEX

#516776

RGB

81, 103, 118

HSL

204.3, 18.6%, 39.0%

HSV

204.3, 31.4%, 46.3%

CMYK

31.4%, 12.7%, 0.0%, 53.7%

OKLCH

0.5016 0.0356 238.2

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#516776

#766051

Analogous

#517672

#515476

#516776

Triadic

#516776

#765167

#677651

Split Complementary

#516776

#765154

#767251

Tetradic

#516776

#725176

#766051

#547651

Color Blindness Simulation

Original

#516776

Protanopia

#5B5B72

Deuteranopia

#595872

Tritanopia

#52706F

Achromatopsia

#636363

CSS Usage

background-color: #516776;
color: #516776;
border-color: #516776;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D5DDE2
300
#B6C4CD
400
#8FA4B2
500
#688497
600
#536A79
700
#425461
800
#34424C
900
#283239
950
#192024

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

3.55:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026