#4580BA

#4580BA

Color Values

HEX

#4580BA

RGB

69, 128, 186

HSL

209.7, 45.9%, 50.0%

HSV

209.7, 62.9%, 72.9%

CMYK

62.9%, 31.2%, 0.0%, 27.1%

OKLCH

0.586 0.1089 249.8

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#4580BA

#BA7F45

Analogous

#45BAB9

#4546BA

#4580BA

Triadic

#4580BA

#BA4580

#80BA45

Split Complementary

#4580BA

#BA4546

#BAB945

Tetradic

#4580BA

#B945BA

#BA7F45

#46BA45

Color Blindness Simulation

Original

#4580BA

Protanopia

#5F5FAC

Deuteranopia

#5B57A9

Tritanopia

#48A19E

Achromatopsia

#787878

CSS Usage

background-color: #4580BA;
color: #4580BA;
border-color: #4580BA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDBEC
300
#A6C2DE
400
#75A1CC
500
#4580BA
600
#376695
700
#2C5277
800
#22405D
900
#1C3144
950
#121F2B

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.05:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026