#04518A

#04518A

Color Values

HEX

#04518A

RGB

4, 81, 138

HSL

205.5, 94.4%, 27.8%

HSV

205.5, 97.1%, 54.1%

CMYK

97.1%, 41.3%, 0.0%, 45.9%

OKLCH

0.426 0.1149 248.9

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#04518A

#8A3D04

Analogous

#048A80

#040E8A

#04518A

Triadic

#04518A

#8A0451

#518A04

Split Complementary

#04518A

#8A040E

#8A8004

Tetradic

#04518A

#80048A

#8A3D04

#0E8A04

Color Blindness Simulation

Original

#04518A

Protanopia

#25267C

Deuteranopia

#211B79

Tritanopia

#08716F

Achromatopsia

#454545

CSS Usage

background-color: #04518A;
color: #04518A;
border-color: #04518A;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BAE0FD
300
#88CAFC
400
#48AEFA
500
#0792F8
600
#0674C6
700
#055D9F
800
#04497C
900
#07375A
950
#052239

Contrast Checker

Text on white

8.24:1

AA Pass AAA Pass

Text on black

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