#045DB9

#045DB9

Color Values

HEX

#045DB9

RGB

4, 93, 185

HSL

210.5, 95.8%, 37.1%

HSV

210.5, 97.8%, 72.5%

CMYK

97.8%, 49.7%, 0.0%, 27.5%

OKLCH

0.4882 0.1628 255.8

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#045DB9

#B96004

Analogous

#04B8B9

#0504B9

#045DB9

Triadic

#045DB9

#B9045D

#5DB904

Split Complementary

#045DB9

#B90504

#B8B904

Tetradic

#045DB9

#B904B8

#B96004

#04B905

Color Blindness Simulation

Original

#045DB9

Protanopia

#2B2BA3

Deuteranopia

#251F9D

Tritanopia

#08918D

Achromatopsia

#515151

CSS Usage

background-color: #045DB9;
color: #045DB9;
border-color: #045DB9;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DBFE
300
#87C1FC
400
#469FFB
500
#057DFA
600
#0464C8
700
#0350A0
800
#033F7D
900
#07305A
950
#041E39

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

3.27:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026