#458ABA

#458ABA

Color Values

HEX

#458ABA

RGB

69, 138, 186

HSL

204.6, 45.9%, 50.0%

HSV

204.6, 62.9%, 72.9%

CMYK

62.9%, 25.8%, 0.0%, 27.1%

OKLCH

0.6092 0.1011 241.4

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#458ABA

#BA7545

Analogous

#45BAAF

#4550BA

#458ABA

Triadic

#458ABA

#BA458A

#8ABA45

Split Complementary

#458ABA

#BA4550

#BAAF45

Tetradic

#458ABA

#AF45BA

#BA7545

#50BA45

Color Blindness Simulation

Original

#458ABA

Protanopia

#6363AE

Deuteranopia

#5F5AAC

Tritanopia

#48A5A3

Achromatopsia

#7F7F7F

CSS Usage

background-color: #458ABA;
color: #458ABA;
border-color: #458ABA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDEEC
300
#A6C7DE
400
#75A8CC
500
#458ABA
600
#376E95
700
#2C5877
800
#22455D
900
#1C3444
950
#12212B

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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