#04147B

#04147B

Color Values

HEX

#04147B

RGB

4, 20, 123

HSL

231.9, 93.7%, 24.9%

HSV

231.9, 96.7%, 48.2%

CMYK

96.7%, 83.7%, 0.0%, 51.8%

OKLCH

0.2852 0.1679 265.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#04147B

#7B6B04

Analogous

#04507B

#2F047B

#04147B

Triadic

#04147B

#7B0414

#147B04

Split Complementary

#04147B

#7B2F04

#507B04

Tetradic

#04147B

#7B0450

#7B6B04

#047B2F

Color Blindness Simulation

Original

#04147B

Protanopia

#0B0B62

Deuteranopia

#0A095C

Tritanopia

#054E4A

Achromatopsia

#181818

CSS Usage

background-color: #04147B;
color: #04147B;
border-color: #04147B;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BAC3FD
300
#8898FB
400
#4860F9
500
#0828F7
600
#0620C6
700
#051A9E
800
#04147B
900
#081359
950
#050C38

Contrast Checker

Text on white

15.09:1

AA Pass AAA Pass

Text on black

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