#045699

#045699

Color Values

HEX

#045699

RGB

4, 86, 153

HSL

207.0, 94.9%, 30.8%

HSV

207.0, 97.4%, 60.0%

CMYK

97.4%, 43.8%, 0.0%, 40.0%

OKLCH

0.4486 0.129 251.2

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#045699

#994704

Analogous

#049992

#040B99

#045699

Triadic

#045699

#990456

#569904

Split Complementary

#045699

#99040B

#999204

Tetradic

#045699

#920499

#994704

#0B9904

Color Blindness Simulation

Original

#045699

Protanopia

#282889

Deuteranopia

#231D85

Tritanopia

#087C79

Achromatopsia

#494949

CSS Usage

background-color: #045699;
color: #045699;
border-color: #045699;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9DFFD
300
#88C8FC
400
#47AAFA
500
#078CF8
600
#0570C7
700
#04599F
800
#03467C
900
#07355A
950
#042139

Contrast Checker

Text on white

7.51:1

AA Pass AAA Pass

Text on black

2.8:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026