#518ABC

#518ABC

Color Values

HEX

#518ABC

RGB

81, 138, 188

HSL

208.0, 44.4%, 52.7%

HSV

208.0, 56.9%, 73.7%

CMYK

56.9%, 26.6%, 0.0%, 26.3%

OKLCH

0.6155 0.0972 246.6

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#518ABC

#BC8351

Analogous

#51BCB8

#5154BC

#518ABC

Triadic

#518ABC

#BC518A

#8ABC51

Split Complementary

#518ABC

#BC5154

#BCB851

Tetradic

#518ABC

#B851BC

#BC8351

#54BC51

Color Blindness Simulation

Original

#518ABC

Protanopia

#6A6AB0

Deuteranopia

#6662AD

Tritanopia

#54A6A4

Achromatopsia

#818181

CSS Usage

background-color: #518ABC;
color: #518ABC;
border-color: #518ABC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDCEB
300
#A7C4DD
400
#77A3CB
500
#4783B8
600
#396993
700
#2D5476
800
#23425C
900
#1D3244
950
#121F2B

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.71:1

AA Pass 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