#04167C

#04167C

Color Values

HEX

#04167C

RGB

4, 22, 124

HSL

231.0, 93.8%, 25.1%

HSV

231.0, 96.8%, 48.6%

CMYK

96.8%, 82.3%, 0.0%, 51.4%

OKLCH

0.2892 0.1673 265.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#04167C

#7C6A04

Analogous

#04527C

#2E047C

#04167C

Triadic

#04167C

#7C0416

#167C04

Split Complementary

#04167C

#7C2E04

#527C04

Tetradic

#04167C

#7C0452

#7C6A04

#047C2E

Color Blindness Simulation

Original

#04167C

Protanopia

#0C0C63

Deuteranopia

#0B095D

Tritanopia

#05504C

Achromatopsia

#1A1A1A

CSS Usage

background-color: #04167C;
color: #04167C;
border-color: #04167C;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BAC4FD
300
#889AFB
400
#4863F9
500
#082CF7
600
#0623C6
700
#051C9E
800
#04167C
900
#081459
950
#050D38

Contrast Checker

Text on white

14.88:1

AA Pass AAA Pass

Text on black

1.41:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026