#0A1340#0A1340

#0A1340 is a very dark, moderate blue. Relative luminance 0.009; OKLCH L 21.4% C 0.086 H 269.0°. Best body text is #FFFFFF at 17.80:1 contrast (WCAG AA passes).

Color values

HEX#0A1340
RGBrgb(10, 19, 64)
HSLhsl(230, 73%, 15%)
HSVhsv(230, 84%, 25%)
CMYKcmyk(84.4%, 70.3%, 0%, 74.9%)
CIE-LABlab(8.13, 15.04, -29.80)
CIE-LCHlch(8.13, 33.38, 296.78°)
OKLaboklab(21.39% -0.0015 -0.0861)
OKLCHoklch(21.39% 0.086 269)
XYZxyz(1.2831, 0.9003, 4.9556)
Luminance0.0090 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0A1340 #40370A
analogous
#0A2E40 #0A1340 #1C0A40
triadic
#0A1340 #400A13 #13400A
tetradic
#0A1340 #400A2E #40370A #0A401C
square
#0A1340 #400A2E #40370A #0A401C
split-complementary
#0A1340 #401C0A #2E400A
monochromatic
#04081A #04081A #0A1340 #122375 #1B32AA

Accessibility & contrast

On white

17.80
#0A1340 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.18
#0A1340 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0A1340
17.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0A1340#FFFFFF#000000##FFFFFF
##0A13401.0017.801.1817.80
#FFFFFF17.801.0021.001.00
#0000001.1821.001.0021.00
##FFFFFF17.801.0021.001.00

Color blindness preview

Protanopia (red-blind)
#001A41
Deuteranopia (green-blind)
#00153F
Tritanopia (blue-blind)
#001F27
Achromatopsia (no color)
#181818

Design tokens & code

CSS
--color: #0a1340;
/* rgb */ color: rgb(10, 19, 64);
/* oklch */ color: oklch(21.4% 0.086 269.0);
Tailwind
colors: {
  custom: {
    50: '#535075',
    500: '#0a1340',
    950: '#000000',
  },
}
SCSS
$custom: #0a1340;
$custom-light: #535075;
$custom-dark: #000000;
JSON
{
  "hex": "#0a1340",
  "rgb": {
    "r": 10,
    "g": 19,
    "b": 64
  },
  "hsl": {
    "h": 230,
    "s": 72.973,
    "l": 14.51
  },
  "oklch": {
    "l": 0.21389,
    "c": 0.08612,
    "h": 269
  },
  "luminance": 0.009
}

Semantic roles & 50–950 ramp

primary
#0A1340
secondary
#7D6F29
accent
#D138F0
background
#F5F4F7
surface
#E9E7ED
border
#C5C3C8
text
#030208
muted
#78787B

Preview Lab

Preview with #0A1340

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

Preview Lab → · Contrast checker → · Palette generator →

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