#0458C8

#0458C8

Color Values

HEX

#0458C8

RGB

4, 88, 200

HSL

214.3, 96.1%, 40.0%

HSV

214.3, 98.0%, 78.4%

CMYK

98.0%, 56.0%, 0.0%, 21.6%

OKLCH

0.4894 0.1884 259.2

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#0458C8

#C87404

Analogous

#04BAC8

#1204C8

#0458C8

Triadic

#0458C8

#C80458

#58C804

Split Complementary

#0458C8

#C81204

#BAC804

Tetradic

#0458C8

#C804BA

#C87404

#04C812

Color Blindness Simulation

Original

#0458C8

Protanopia

#2829AD

Deuteranopia

#241DA6

Tritanopia

#089793

Achromatopsia

#4E4E4E

CSS Usage

background-color: #0458C8;
color: #0458C8;
border-color: #0458C8;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F6FE
100
#DFEBFC
200
#B9D6FE
300
#87B9FD
400
#4694FB
500
#056EFA
600
#0458C8
700
#0346A0
800
#02377D
900
#072A5A
950
#041B39

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail 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