#045AC8

#045AC8

Color Values

HEX

#045AC8

RGB

4, 90, 200

HSL

213.7, 96.1%, 40.0%

HSV

213.7, 98.0%, 78.4%

CMYK

98.0%, 55.0%, 0.0%, 21.6%

OKLCH

0.4935 0.186 258.7

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#045AC8

#C87204

Analogous

#04BCC8

#1004C8

#045AC8

Triadic

#045AC8

#C8045A

#5AC804

Split Complementary

#045AC8

#C81004

#BCC804

Tetradic

#045AC8

#C804BC

#C87204

#04C810

Color Blindness Simulation

Original

#045AC8

Protanopia

#292AAD

Deuteranopia

#241EA7

Tritanopia

#089894

Achromatopsia

#505050

CSS Usage

background-color: #045AC8;
color: #045AC8;
border-color: #045AC8;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F7FE
100
#DFEBFC
200
#B9D7FE
300
#87BBFD
400
#4695FB
500
#0570FA
600
#045AC8
700
#0348A0
800
#02387D
900
#072B5A
950
#041B39

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

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