#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026