#0C172E#0C172E

#0C172E is a very dark, muted blue. Relative luminance 0.009; OKLCH L 20.8% C 0.049 H 263.5°. Best body text is #FFFFFF at 17.83:1 contrast (WCAG AA passes).

Color values

HEX	#0C172E
RGB	rgb(12, 23, 46)
HSL	hsl(221, 59%, 11%)
HSV	hsv(221, 74%, 18%)
CMYK	cmyk(73.9%, 50%, 0%, 82%)
CIE-LAB	lab(8.02, 4.20, -16.94)
CIE-LCH	lch(8.02, 17.46, 283.92°)
OKLab	oklab(20.85% -0.0055 -0.0482)
OKLCH	oklch(20.85% 0.049 263.5)
XYZ	xyz(0.9510, 0.8881, 2.7055)
Luminance	0.0089 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#0C172E #2E230C

analogous

#0C282E #0C172E #120C2E

triadic

#0C172E #2E0C17 #172E0C

tetradic

#0C172E #2E0C28 #2E230C #0C2E12

square

#0C172E #2E0C28 #2E230C #0C2E12

split-complementary

#0C172E #2E120C #282E0C

monochromatic

#060C18 #060C18 #0C172E #192F5F #25488F

Accessibility & contrast

On white

17.83

#0C172E on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.18

#0C172E on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0C172E

17.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##0C172E	#FFFFFF	#000000	##FFFFFF
##0C172E	1.00	17.83	1.18	17.83
#FFFFFF	17.83	1.00	21.00	1.00
#000000	1.18	21.00	1.00	21.00
##FFFFFF	17.83	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#0D192F

Deuteranopia (green-blind)

#08162E

Tritanopia (blue-blind)

#001C20

Achromatopsia (no color)

#181818

Design tokens & code

CSS

--color: #0c172e;
/* rgb */ color: rgb(12, 23, 46);
/* oklch */ color: oklch(20.8% 0.049 263.5);

Tailwind

colors: {
  custom: {
    50: '#4f5367',
    500: '#0c172e',
    950: '#000000',
  },
}

SCSS

$custom: #0c172e;
$custom-light: #4f5367;
$custom-dark: #000000;

JSON

{
  "hex": "#0c172e",
  "rgb": {
    "r": 12,
    "g": 23,
    "b": 46
  },
  "hsl": {
    "h": 220.588,
    "s": 58.621,
    "l": 11.373
  },
  "oklch": {
    "l": 0.20847,
    "c": 0.04851,
    "h": 263.5
  },
  "luminance": 0.00888
}

Semantic roles & 50–950 ramp

primary

#0C172E

secondary

#6A562C

accent

#AF46E2

background

#F4F4F6

surface

#E7E7EB

border

#C3C3C6

text

#020206

muted

#78787A

Preview Lab

Preview with #0C172E

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

Preview Lab → · Contrast checker → · Palette generator →