#04062F

#04062F

Color Values

HEX

#04062F

RGB

4, 6, 47

HSL

237.2, 84.3%, 10.0%

HSV

237.2, 91.5%, 18.4%

CMYK

91.5%, 87.2%, 0.0%, 81.6%

OKLCH

0.1606 0.0806 270.1

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#04062F

#2F2D04

Analogous

#041C2F

#17042F

#04062F

Triadic

#04062F

#2F0406

#062F04

Split Complementary

#04062F

#2F1704

#1C2F04

Tetradic

#04062F

#2F041C

#2F2D04

#042F17

Color Blindness Simulation

Original

#04062F

Protanopia

#050525

Deuteranopia

#050523

Tritanopia

#041D1C

Achromatopsia

#090909

CSS Usage

background-color: #04062F;
color: #04062F;
border-color: #04062F;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F2F2FD
100
#E0E2FA
200
#BDC0F9
300
#8E93F5
400
#5159F0
500
#141EEB
600
#1018BC
700
#0D1396
800
#0A0F75
900
#0C0F55
950
#070A36

Contrast Checker

Text on white

19.58:1

AA Pass AAA Pass

Text on black

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