#004699

#004699

Color Values

HEX

#004699

RGB

0, 70, 153

HSL

212.5, 100.0%, 30.0%

HSV

212.5, 100.0%, 60.0%

CMYK

100.0%, 54.2%, 0.0%, 40.0%

OKLCH

0.4107 0.1492 257.6

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#004699

#995300

Analogous

#009399

#060099

#004699

Triadic

#004699

#990046

#469900

Split Complementary

#004699

#990600

#939900

Tetradic

#004699

#990093

#995300

#009906

Color Blindness Simulation

Original

#004699

Protanopia

#1E1F85

Deuteranopia

#1A1580

Tritanopia

#047572

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D8FF
300
#85BDFF
400
#4299FF
500
#0075FF
600
#005ECC
700
#004BA3
800
#003A80
900
#052D5C
950
#031C3A

Contrast Checker

Text on white

8.99:1

AA Pass AAA Pass

Text on black

2.34:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026