#0F1D49#0F1D49

#0F1D49 is a very dark, moderate blue. Relative luminance 0.015; OKLCH L 24.9% C 0.084 H 266.8°. Best body text is #FFFFFF at 16.25:1 contrast (WCAG AA passes).

Color values

HEX#0F1D49
RGBrgb(15, 29, 73)
HSLhsl(226, 66%, 17%)
HSVhsv(226, 79%, 29%)
CMYKcmyk(79.5%, 60.3%, 0%, 71.4%)
CIE-LABlab(12.36, 11.98, -29.22)
CIE-LCHlch(12.36, 31.58, 292.30°)
OKLaboklab(24.89% -0.0047 -0.0841)
OKLCHoklch(24.89% 0.084 266.8)
XYZxyz(1.8385, 1.4611, 6.4872)
Luminance0.0146 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0F1D49 #493B0F
analogous
#0F3A49 #0F1D49 #1E0F49
triadic
#0F1D49 #490F1D #1D490F
tetradic
#0F1D49 #490F3A #493B0F #0F491E
square
#0F1D49 #490F3A #493B0F #0F491E
split-complementary
#0F1D49 #491E0F #3A490F
monochromatic
#050A19 #050A19 #0F1D49 #19317C #2445AF

Accessibility & contrast

On white

16.25
#0F1D49 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.29
#0F1D49 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0F1D49
16.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0F1D49#FFFFFF#000000##FFFFFF
##0F1D491.0016.251.2916.25
#FFFFFF16.251.0021.001.00
#0000001.2921.001.0021.00
##FFFFFF16.251.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00234B
Deuteranopia (green-blind)
#001E48
Tritanopia (blue-blind)
#00282F
Achromatopsia (no color)
#202020

Design tokens & code

CSS
--color: #0f1d49;
/* rgb */ color: rgb(15, 29, 73);
/* oklch */ color: oklch(24.9% 0.084 266.8);
Tailwind
colors: {
  custom: {
    50: '#57587c',
    500: '#0f1d49',
    950: '#000000',
  },
}
SCSS
$custom: #0f1d49;
$custom-light: #57587c;
$custom-dark: #000000;
JSON
{
  "hex": "#0f1d49",
  "rgb": {
    "r": 15,
    "g": 29,
    "b": 73
  },
  "hsl": {
    "h": 225.517,
    "s": 65.909,
    "l": 17.255
  },
  "oklch": {
    "l": 0.24887,
    "c": 0.08425,
    "h": 266.8
  },
  "luminance": 0.01461
}

Semantic roles & 50–950 ramp

primary
#0F1D49
secondary
#836F30
accent
#C03FE9
background
#F5F5F7
surface
#E9E9EE
border
#C5C5C9
text
#030309
muted
#78787B

Preview Lab

Preview with #0F1D49

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

Preview Lab → · Contrast checker → · Palette generator →

#0F1D49 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva