#0D143D#0D143D

#0D143D is a very dark, moderate blue. Relative luminance 0.009; OKLCH L 21.5% C 0.079 H 270.9°. Best body text is #FFFFFF at 17.73:1 contrast (WCAG AA passes).

Color values

HEX	#0D143D
RGB	rgb(13, 20, 61)
HSL	hsl(231, 65%, 15%)
HSV	hsv(231, 79%, 24%)
CMYK	cmyk(78.7%, 67.2%, 0%, 76.1%)
CIE-LAB	lab(8.33, 13.41, -27.33)
CIE-LCH	lch(8.33, 30.44, 296.13°)
OKLab	oklab(21.5% 0.0012 -0.0788)
OKLCH	oklch(21.5% 0.079 270.9)
XYZ	xyz(1.2582, 0.9227, 4.5258)
Luminance	0.0092 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#0D143D #3D360D

analogous

#0D2C3D #0D143D #1E0D3D

triadic

#0D143D #3D0D14 #143D0D

tetradic

#0D143D #3D0D2C #3D360D #0D3D1E

square

#0D143D #3D0D2C #3D360D #0D3D1E

split-complementary

#0D143D #3D1E0D #2C3D0D

monochromatic

#050819 #050819 #0D143D #18256F #2335A2

Accessibility & contrast

On white

17.73

#0D143D on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.18

#0D143D on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0D143D

17.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##0D143D	#FFFFFF	#000000	##FFFFFF
##0D143D	1.00	17.73	1.18	17.73
#FFFFFF	17.73	1.00	21.00	1.00
#000000	1.18	21.00	1.00	21.00
##FFFFFF	17.73	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#001A3E

Deuteranopia (green-blind)

#00163C

Tritanopia (blue-blind)

#001E26

Achromatopsia (no color)

#181818

Design tokens & code

CSS

--color: #0d143d;
/* rgb */ color: rgb(13, 20, 61);
/* oklch */ color: oklch(21.5% 0.079 270.9);

Tailwind

colors: {
  custom: {
    50: '#535173',
    500: '#0d143d',
    950: '#000000',
  },
}

SCSS

$custom: #0d143d;
$custom-light: #535173;
$custom-dark: #000000;

JSON

{
  "hex": "#0d143d",
  "rgb": {
    "r": 13,
    "g": 20,
    "b": 61
  },
  "hsl": {
    "h": 231.25,
    "s": 64.865,
    "l": 14.51
  },
  "oklch": {
    "l": 0.21495,
    "c": 0.07878,
    "h": 270.9
  },
  "luminance": 0.00923
}

Semantic roles & 50–950 ramp

primary

#0D143D

secondary

#796E2D

accent

#CF40E8

background

#F5F4F7

surface

#E8E7ED

border

#C4C3C8

text

#030208

muted

#78787B

Preview Lab

Preview with #0D143D

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

Preview Lab → · Contrast checker → · Palette generator →