#4583BA

#4583BA

Color Values

HEX

#4583BA

RGB

69, 131, 186

HSL

208.2, 45.9%, 50.0%

HSV

208.2, 62.9%, 72.9%

CMYK

62.9%, 29.6%, 0.0%, 27.1%

OKLCH

0.593 0.1063 247.4

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#4583BA

#BA7C45

Analogous

#45BAB7

#4548BA

#4583BA

Triadic

#4583BA

#BA4583

#83BA45

Split Complementary

#4583BA

#BA4548

#BAB745

Tetradic

#4583BA

#B745BA

#BA7C45

#48BA45

Color Blindness Simulation

Original

#4583BA

Protanopia

#6060AD

Deuteranopia

#5C58AA

Tritanopia

#48A2A0

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDCEC
300
#A6C3DE
400
#75A3CC
500
#4583BA
600
#376995
700
#2C5477
800
#22425D
900
#1C3244
950
#121F2B

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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