#004172

#004172

Color Values

HEX

#004172

RGB

0, 65, 114

HSL

205.8, 100.0%, 22.4%

HSV

205.8, 100.0%, 44.7%

CMYK

100.0%, 43.0%, 0.0%, 55.3%

OKLCH

0.3682 0.1019 249.1

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#004172

#723100

Analogous

#00726A

#000872

#004172

Triadic

#004172

#720041

#417200

Split Complementary

#004172

#720008

#726A00

Tetradic

#004172

#6A0072

#723100

#087200

Color Blindness Simulation

Original

#004172

Protanopia

#1C1D66

Deuteranopia

#181463

Tritanopia

#035D5B

Achromatopsia

#373737

CSS Usage

background-color: #004172;
color: #004172;
border-color: #004172;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B8E0FF
300
#85CAFF
400
#42AEFF
500
#0091FF
600
#0074CC
700
#005DA3
800
#004980
900
#05375C
950
#03223A

Contrast Checker

Text on white

10.5:1

AA Pass AAA Pass

Text on black

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