#04529D

#04529D

Color Values

HEX

#04529D

RGB

4, 82, 157

HSL

209.4, 95.0%, 31.6%

HSV

209.4, 97.5%, 61.6%

CMYK

97.5%, 47.8%, 0.0%, 38.4%

OKLCH

0.442 0.1391 254.2

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#04529D

#9D4F04

Analogous

#049D9C

#04069D

#04529D

Triadic

#04529D

#9D0452

#529D04

Split Complementary

#04529D

#9D0406

#9D9C04

Tetradic

#04529D

#9C049D

#9D4F04

#069D04

Color Blindness Simulation

Original

#04529D

Protanopia

#26268B

Deuteranopia

#211B86

Tritanopia

#087D79

Achromatopsia

#474747

CSS Usage

background-color: #04529D;
color: #04529D;
border-color: #04529D;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DCFD
300
#88C3FC
400
#47A2FA
500
#0682F9
600
#0568C7
700
#04539F
800
#03417C
900
#07315A
950
#041F39

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

2.7:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026