#04508D

#04508D

Color Values

HEX

#04508D

RGB

4, 80, 141

HSL

206.7, 94.5%, 28.4%

HSV

206.7, 97.2%, 55.3%

CMYK

97.2%, 43.3%, 0.0%, 44.7%

OKLCH

0.4256 0.12 250.6

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#04508D

#8D4104

Analogous

#048D85

#040C8D

#04508D

Triadic

#04508D

#8D0450

#508D04

Split Complementary

#04508D

#8D040C

#8D8504

Tetradic

#04508D

#85048D

#8D4104

#0C8D04

Color Blindness Simulation

Original

#04508D

Protanopia

#25267E

Deuteranopia

#201B7B

Tritanopia

#087370

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BADFFD
300
#88C8FC
400
#47AAFA
500
#078DF8
600
#0671C6
700
#045A9F
800
#04467C
900
#07355A
950
#052139

Contrast Checker

Text on white

8.28:1

AA Pass AAA Pass

Text on black

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