#045C9F

#045C9F

Color Values

HEX

#045C9F

RGB

4, 92, 159

HSL

205.9, 95.1%, 32.0%

HSV

205.9, 97.5%, 62.4%

CMYK

97.5%, 42.1%, 0.0%, 37.6%

OKLCH

0.4671 0.13 249.9

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#045C9F

#9F4704

Analogous

#049F95

#040F9F

#045C9F

Triadic

#045C9F

#9F045C

#5C9F04

Split Complementary

#045C9F

#9F040F

#9F9504

Tetradic

#045C9F

#95049F

#9F4704

#0F9F04

Color Blindness Simulation

Original

#045C9F

Protanopia

#2A2B8F

Deuteranopia

#251E8B

Tritanopia

#08827F

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9E0FD
300
#88CAFC
400
#47ADFA
500
#0690F9
600
#0573C7
700
#045C9F
800
#03487C
900
#07365A
950
#042239

Contrast Checker

Text on white

6.92:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026