#04287B

#04287B

Color Values

HEX

#04287B

RGB

4, 40, 123

HSL

221.8, 93.7%, 24.9%

HSV

221.8, 96.7%, 48.2%

CMYK

96.7%, 67.5%, 0.0%, 51.8%

OKLCH

0.3189 0.146 262.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#04287B

#7B5704

Analogous

#04647B

#1B047B

#04287B

Triadic

#04287B

#7B0428

#287B04

Split Complementary

#04287B

#7B1B04

#647B04

Tetradic

#04287B

#7B0464

#7B5704

#047B1B

Color Blindness Simulation

Original

#04287B

Protanopia

#141467

Deuteranopia

#120F62

Tritanopia

#065754

Achromatopsia

#262626

CSS Usage

background-color: #04287B;
color: #04287B;
border-color: #04287B;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F1F5FD
100
#DFE8FB
200
#BACEFD
300
#88ABFB
400
#487EF9
500
#0851F7
600
#0640C6
700
#05349E
800
#04287B
900
#082059
950
#051438

Contrast Checker

Text on white

13.17:1

AA Pass AAA Pass

Text on black

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