#5481CD

#5481CD

Color Values

HEX

#5481CD

RGB

84, 129, 205

HSL

217.7, 54.8%, 56.7%

HSV

217.7, 59.0%, 80.4%

CMYK

59.0%, 37.1%, 0.0%, 19.6%

OKLCH

0.6058 0.1265 260.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#5481CD

#CDA054

Analogous

#54BECD

#6454CD

#5481CD

Triadic

#5481CD

#CD5481

#81CD54

Split Complementary

#5481CD

#CD6454

#BECD54

Tetradic

#5481CD

#CD54BE

#CDA054

#54CD64

Color Blindness Simulation

Original

#5481CD

Protanopia

#6768BB

Deuteranopia

#6562B6

Tritanopia

#56ACA9

Achromatopsia

#7D7D7D

CSS Usage

background-color: #5481CD;
color: #5481CD;
border-color: #5481CD;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D6EF
300
#A0B9E3
400
#6D93D4
500
#3A6EC5
600
#2E589E
700
#25467E
800
#1D3763
900
#192A48
950
#101B2E

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

5.4:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026