#0445AB

#0445AB

Color Values

HEX

#0445AB

RGB

4, 69, 171

HSL

216.6, 95.4%, 34.3%

HSV

216.6, 97.7%, 67.1%

CMYK

97.7%, 59.6%, 0.0%, 32.9%

OKLCH

0.4249 0.174 260.6

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#0445AB

#AB6A04

Analogous

#0499AB

#1604AB

#0445AB

Triadic

#0445AB

#AB0445

#45AB04

Split Complementary

#0445AB

#AB1604

#99AB04

Tetradic

#0445AB

#AB0499

#AB6A04

#04AB16

Color Blindness Simulation

Original

#0445AB

Protanopia

#202192

Deuteranopia

#1C188C

Tritanopia

#077F7B

Achromatopsia

#3F3F3F

CSS Usage

background-color: #0445AB;
color: #0445AB;
border-color: #0445AB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D4FD
300
#87B5FC
400
#478DFB
500
#0665F9
600
#0551C7
700
#04409F
800
#03327D
900
#07275A
950
#041939

Contrast Checker

Text on white

8.59:1

AA Pass AAA Pass

Text on black

2.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026