#5480C9

#5480C9

Color Values

HEX

#5480C9

RGB

84, 128, 201

HSL

217.4, 52.0%, 55.9%

HSV

217.4, 58.2%, 78.8%

CMYK

58.2%, 36.3%, 0.0%, 21.2%

OKLCH

0.6014 0.1221 260.0

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#5480C9

#C99D54

Analogous

#54BBC9

#6254C9

#5480C9

Triadic

#5480C9

#C95480

#80C954

Split Complementary

#5480C9

#C96254

#BBC954

Tetradic

#5480C9

#C954BB

#C99D54

#54C962

Color Blindness Simulation

Original

#5480C9

Protanopia

#6767B7

Deuteranopia

#6461B3

Tritanopia

#56A9A6

Achromatopsia

#7C7C7C

CSS Usage

background-color: #5480C9;
color: #5480C9;
border-color: #5480C9;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E5EBF5
200
#C9D7EE
300
#A2BAE2
400
#7095D2
500
#3D6FC2
600
#31599B
700
#27477C
800
#1F3861
900
#1A2B47
950
#101B2D

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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