#04518D

#04518D

Color Values

HEX

#04518D

RGB

4, 81, 141

HSL

206.3, 94.5%, 28.4%

HSV

206.3, 97.2%, 55.3%

CMYK

97.2%, 42.6%, 0.0%, 44.7%

OKLCH

0.428 0.1189 250.0

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#04518D

#8D4004

Analogous

#048D84

#040C8D

#04518D

Triadic

#04518D

#8D0451

#518D04

Split Complementary

#04518D

#8D040C

#8D8404

Tetradic

#04518D

#84048D

#8D4004

#0C8D04

Color Blindness Simulation

Original

#04518D

Protanopia

#25267E

Deuteranopia

#211B7B

Tritanopia

#087370

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BADFFD
300
#88C9FC
400
#47ACFA
500
#078EF8
600
#0672C6
700
#045B9F
800
#04477C
900
#07365A
950
#052239

Contrast Checker

Text on white

8.18:1

AA Pass AAA Pass

Text on black

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