#04060F#04060F

#04060F is a very dark, muted blue. Relative luminance 0.002; OKLCH L 12.5% C 0.022 H 269.7°. Best body text is #FFFFFF at 20.23:1 contrast (WCAG AA passes).

Color values

HEX	#04060F
RGB	rgb(4, 6, 15)
HSL	hsl(229, 58%, 4%)
HSV	hsv(229, 73%, 6%)
CMYK	cmyk(73.3%, 60%, 0%, 94.1%)
CIE-LAB	lab(1.72, 0.83, -3.87)
CIE-LCH	lch(1.72, 3.96, 282.15°)
OKLab	oklab(12.48% -0.0001 -0.0224)
OKLCH	oklch(12.48% 0.022 269.7)
XYZ	xyz(0.2014, 0.1905, 0.4780)
Luminance	0.0019 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#04060F #0F0D04

analogous

#040B0F #04060F #07040F

triadic

#04060F #0F0406 #060F04

tetradic

#04060F #0F040B #0F0D04 #040F07

square

#04060F #0F040B #0F0D04 #040F07

split-complementary

#04060F #0F0704 #0B0F04

monochromatic

#060A18 #060A18 #060A18 #11193F #1E2D70

Accessibility & contrast

On white

20.23

#04060F on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.04

#04060F on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #04060F

20.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##04060F	#FFFFFF	#000000	##FFFFFF
##04060F	1.00	20.23	1.04	20.23
#FFFFFF	20.23	1.00	21.00	1.00
#000000	1.04	21.00	1.00	21.00
##FFFFFF	20.23	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#04070F

Deuteranopia (green-blind)

#03060F

Tritanopia (blue-blind)

#020809

Achromatopsia (no color)

#060606

Design tokens & code

CSS

--color: #04060f;
/* rgb */ color: rgb(4, 6, 15);
/* oklch */ color: oklch(12.5% 0.022 269.7);

Tailwind

colors: {
  custom: {
    50: '#48494e',
    500: '#04060f',
    950: '#000000',
  },
}

SCSS

$custom: #04060f;
$custom-light: #48494e;
$custom-dark: #000000;

JSON

{
  "hex": "#04060f",
  "rgb": {
    "r": 4,
    "g": 6,
    "b": 15
  },
  "hsl": {
    "h": 229.091,
    "s": 57.895,
    "l": 3.725
  },
  "oklch": {
    "l": 0.12476,
    "c": 0.02239,
    "h": 269.7
  },
  "luminance": 0.00191
}

Semantic roles & 50–950 ramp

primary

#04060F

secondary

#4E4621

accent

#C547E1

background

#F4F4F4

surface

#E6E6E7

border

#C2C2C3

text

#000001

muted

#777777

Preview Lab

Preview with #04060F

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →