#517CCB

#517CCB

Color Values

HEX

#517CCB

RGB

81, 124, 203

HSL

218.9, 54.0%, 55.7%

HSV

218.9, 60.1%, 79.6%

CMYK

60.1%, 38.9%, 0.0%, 20.4%

OKLCH

0.5923 0.1305 261.6

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#517CCB

#CBA051

Analogous

#51B9CB

#6351CB

#517CCB

Triadic

#517CCB

#CB517C

#7CCB51

Split Complementary

#517CCB

#CB6351

#B9CB51

Tetradic

#517CCB

#CB51B9

#CBA051

#51CB63

Color Blindness Simulation

Original

#517CCB

Protanopia

#6464B8

Deuteranopia

#615EB3

Tritanopia

#53A9A5

Achromatopsia

#797979

CSS Usage

background-color: #517CCB;
color: #517CCB;
border-color: #517CCB;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D6EF
300
#A1B8E3
400
#6E92D4
500
#3B6BC4
600
#2F569D
700
#26457E
800
#1D3662
900
#192948
950
#101A2D

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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