#045FC8

#045FC8

Color Values

HEX

#045FC8

RGB

4, 95, 200

HSL

212.1, 96.1%, 40.0%

HSV

212.1, 98.0%, 78.4%

CMYK

98.0%, 52.5%, 0.0%, 21.6%

OKLCH

0.5041 0.1799 257.5

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#045FC8

#C86D04

Analogous

#04C1C8

#0B04C8

#045FC8

Triadic

#045FC8

#C8045F

#5FC804

Split Complementary

#045FC8

#C80B04

#C1C804

Tetradic

#045FC8

#C804C1

#C86D04

#04C80B

Color Blindness Simulation

Original

#045FC8

Protanopia

#2B2CAF

Deuteranopia

#261FA8

Tritanopia

#099B96

Achromatopsia

#535353

CSS Usage

background-color: #045FC8;
color: #045FC8;
border-color: #045FC8;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FE
100
#DFECFC
200
#B9D9FE
300
#87BEFD
400
#469AFB
500
#0577FA
600
#045FC8
700
#034CA0
800
#023B7D
900
#072E5A
950
#041D39

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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