#04509F

#04509F

Color Values

HEX

#04509F

RGB

4, 80, 159

HSL

210.6, 95.1%, 32.0%

HSV

210.6, 97.5%, 62.4%

CMYK

97.5%, 49.7%, 0.0%, 37.6%

OKLCH

0.4389 0.1442 255.5

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#04509F

#9F5304

Analogous

#049E9F

#06049F

#04509F

Triadic

#04509F

#9F0450

#509F04

Split Complementary

#04509F

#9F0604

#9E9F04

Tetradic

#04509F

#9F049E

#9F5304

#049F06

Color Blindness Simulation

Original

#04509F

Protanopia

#25268C

Deuteranopia

#201B87

Tritanopia

#087D79

Achromatopsia

#464646

CSS Usage

background-color: #04509F;
color: #04509F;
border-color: #04509F;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DBFD
300
#88C1FC
400
#479FFA
500
#067DF9
600
#0564C7
700
#04509F
800
#033F7C
900
#07305A
950
#041E39

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

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