#4582BA

#4582BA

Color Values

HEX

#4582BA

RGB

69, 130, 186

HSL

208.7, 45.9%, 50.0%

HSV

208.7, 62.9%, 72.9%

CMYK

62.9%, 30.1%, 0.0%, 27.1%

OKLCH

0.5907 0.1071 248.2

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#4582BA

#BA7D45

Analogous

#45BAB7

#4548BA

#4582BA

Triadic

#4582BA

#BA4582

#82BA45

Split Complementary

#4582BA

#BA4548

#BAB745

Tetradic

#4582BA

#B745BA

#BA7D45

#48BA45

Color Blindness Simulation

Original

#4582BA

Protanopia

#5F60AC

Deuteranopia

#5C57A9

Tritanopia

#48A29F

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDCEC
300
#A6C3DE
400
#75A3CC
500
#4582BA
600
#376895
700
#2C5377
800
#22415D
900
#1C3144
950
#121F2B

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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