#081744#081744

#081744 is a very dark, moderate blue. Relative luminance 0.011; OKLCH L 22.6% C 0.087 H 265.5°. Best body text is #FFFFFF at 17.26:1 contrast (WCAG AA passes).

Color values

HEX#081744
RGBrgb(8, 23, 68)
HSLhsl(225, 79%, 15%)
HSVhsv(225, 88%, 27%)
CMYKcmyk(88.2%, 66.2%, 0%, 73.3%)
CIE-LABlab(9.65, 13.42, -30.15)
CIE-LCHlch(9.65, 33.00, 294.00°)
OKLaboklab(22.61% -0.0068 -0.0871)
OKLCHoklch(22.61% 0.087 265.5)
XYZxyz(1.4496, 1.0816, 5.6001)
Luminance0.0108 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#081744 #443508
analogous
#083544 #081744 #170844
triadic
#081744 #440817 #174408
tetradic
#081744 #440835 #443508 #084417
square
#081744 #440835 #443508 #084417
split-complementary
#081744 #441708 #354408
monochromatic
#03091B #03091B #081744 #0E2A7B #153CB2

Accessibility & contrast

On white

17.26
#081744 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.22
#081744 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #081744
17.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##081744#FFFFFF#000000##FFFFFF
##0817441.0017.261.2217.26
#FFFFFF17.261.0021.001.00
#0000001.2221.001.0021.00
##FFFFFF17.261.0021.001.00

Color blindness preview

Protanopia (red-blind)
#001E46
Deuteranopia (green-blind)
#001843
Tritanopia (blue-blind)
#00222A
Achromatopsia (no color)
#1B1B1B

Design tokens & code

CSS
--color: #081744;
/* rgb */ color: rgb(8, 23, 68);
/* oklch */ color: oklch(22.6% 0.087 265.5);
Tailwind
colors: {
  custom: {
    50: '#535378',
    500: '#081744',
    950: '#000000',
  },
}
SCSS
$custom: #081744;
$custom-light: #535378;
$custom-dark: #000000;
JSON
{
  "hex": "#081744",
  "rgb": {
    "r": 8,
    "g": 23,
    "b": 68
  },
  "hsl": {
    "h": 225,
    "s": 78.947,
    "l": 14.902
  },
  "oklch": {
    "l": 0.22614,
    "c": 0.08738,
    "h": 265.5
  },
  "luminance": 0.01082
}

Semantic roles & 50–950 ramp

primary
#081744
secondary
#826B26
accent
#C532F5
background
#F5F4F7
surface
#E9E7ED
border
#C5C3C8
text
#030209
muted
#78787B

Preview Lab

Preview with #081744

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

Preview Lab → · Contrast checker → · Palette generator →

#081744 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva