#0B1256#0B1256

#0B1256 is a very dark, moderate blue. Relative luminance 0.012; OKLCH L 23.8% C 0.120 H 269.1°. Best body text is #FFFFFF at 17.00:1 contrast (WCAG AA passes).

Color values

HEX#0B1256
RGBrgb(11, 18, 86)
HSLhsl(234, 77%, 19%)
HSVhsv(234, 87%, 34%)
CMYKcmyk(87.2%, 79.1%, 0%, 66.3%)
CIE-LABlab(10.37, 25.12, -41.40)
CIE-LCHlch(10.37, 48.42, 301.25°)
OKLaboklab(23.78% -0.0019 -0.1199)
OKLCHoklch(23.78% 0.12 269.1)
XYZxyz(2.0335, 1.1754, 8.9220)
Luminance0.0118 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0B1256 #564F0B
analogous
#0B3856 #0B1256 #2A0B56
triadic
#0B1256 #560B12 #12560B
tetradic
#0B1256 #560B38 #564F0B #0B562A
square
#0B1256 #560B38 #564F0B #0B562A
split-complementary
#0B1256 #562A0B #38560B
monochromatic
#03061B #040720 #0B1256 #121D8C #1929C3

Accessibility & contrast

On white

17.00
#0B1256 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.24
#0B1256 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0B1256
17.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0B1256#FFFFFF#000000##FFFFFF
##0B12561.0017.001.2417.00
#FFFFFF17.001.0021.001.00
#0000001.2421.001.0021.00
##FFFFFF17.001.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002058
Deuteranopia (green-blind)
#001855
Tritanopia (blue-blind)
#002632
Achromatopsia (no color)
#1C1C1C

Design tokens & code

CSS
--color: #0b1256;
/* rgb */ color: rgb(11, 18, 86);
/* oklch */ color: oklch(23.8% 0.120 269.1);
Tailwind
colors: {
  custom: {
    50: '#5b5087',
    500: '#0b1256',
    950: '#000000',
  },
}
SCSS
$custom: #0b1256;
$custom-light: #5b5087;
$custom-dark: #000000;
JSON
{
  "hex": "#0b1256",
  "rgb": {
    "r": 11,
    "g": 18,
    "b": 86
  },
  "hsl": {
    "h": 234.4,
    "s": 77.32,
    "l": 19.02
  },
  "oklch": {
    "l": 0.23777,
    "c": 0.11996,
    "h": 269.1
  },
  "luminance": 0.01176
}

Semantic roles & 50–950 ramp

primary
#0B1256
secondary
#91882B
accent
#E234F4
background
#F5F4F8
surface
#E9E7EF
border
#C5C3CA
text
#04020B
muted
#79787C

Preview Lab

Preview with #0B1256

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

Preview Lab → · Contrast checker → · Palette generator →

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