#04012E

#04012E

Color Values

HEX

#04012E

RGB

4, 1, 46

HSL

244.0, 95.7%, 9.2%

HSV

244.0, 97.8%, 18.0%

CMYK

91.3%, 97.8%, 0.0%, 82.0%

OKLCH

0.1451 0.0887 272.4

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#04012E

#2B2E01

Analogous

#01142E

#1A012E

#04012E

Triadic

#04012E

#2E0401

#012E04

Split Complementary

#04012E

#2E1A01

#142E01

Tetradic

#04012E

#2E0114

#2B2E01

#012E1A

Color Blindness Simulation

Original

#04012E

Protanopia

#030323

Deuteranopia

#030320

Tritanopia

#041B19

Achromatopsia

#050505

CSS Usage

background-color: #04012E;
color: #04012E;
border-color: #04012E;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F2F1FE
100
#E1DFFC
200
#BEB9FD
300
#8F87FC
400
#5246FB
500
#1605FA
600
#1104C8
700
#0E04A0
800
#0B037D
900
#0C075A
950
#080439

Contrast Checker

Text on white

20.02:1

AA Pass AAA Pass

Text on black

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