#081B41#081B41

#081B41 is a very dark, moderate blue. Relative luminance 0.012; OKLCH L 23.3% C 0.077 H 262.2°. Best body text is #FFFFFF at 16.89:1 contrast (WCAG AA passes).

Color values

HEX#081B41
RGBrgb(8, 27, 65)
HSLhsl(220, 78%, 14%)
HSVhsv(220, 88%, 25%)
CMYKcmyk(87.7%, 58.5%, 0%, 74.5%)
CIE-LABlab(10.68, 8.88, -26.37)
CIE-LCHlch(10.68, 27.82, 288.61°)
OKLaboklab(23.31% -0.0105 -0.0759)
OKLCHoklch(23.31% 0.077 262.2)
XYZxyz(1.4459, 1.2170, 5.1587)
Luminance0.0122 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#081B41 #412E08
analogous
#083841 #081B41 #120841
triadic
#081B41 #41081B #1B4108
tetradic
#081B41 #410838 #412E08 #084112
square
#081B41 #410838 #412E08 #084112
split-complementary
#081B41 #411208 #384108
monochromatic
#030B1B #030B1B #081B41 #0F3277 #1548AE

Accessibility & contrast

On white

16.89
#081B41 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.24
#081B41 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #081B41
16.89:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##081B41#FFFFFF#000000##FFFFFF
##081B411.0016.891.2416.89
#FFFFFF16.891.0021.001.00
#0000001.2421.001.0021.00
##FFFFFF16.891.0021.001.00

Color blindness preview

Protanopia (red-blind)
#042042
Deuteranopia (green-blind)
#001A40
Tritanopia (blue-blind)
#00242B
Achromatopsia (no color)
#1D1D1D

Design tokens & code

CSS
--color: #081b41;
/* rgb */ color: rgb(8, 27, 65);
/* oklch */ color: oklch(23.3% 0.077 262.2);
Tailwind
colors: {
  custom: {
    50: '#525676',
    500: '#081b41',
    950: '#000000',
  },
}
SCSS
$custom: #081b41;
$custom-light: #525676;
$custom-dark: #000000;
JSON
{
  "hex": "#081b41",
  "rgb": {
    "r": 8,
    "g": 27,
    "b": 65
  },
  "hsl": {
    "h": 220,
    "s": 78.082,
    "l": 14.314
  },
  "oklch": {
    "l": 0.23305,
    "c": 0.07663,
    "h": 262.2
  },
  "luminance": 0.01217
}

Semantic roles & 50–950 ramp

primary
#081B41
secondary
#7F6125
accent
#B433F5
background
#F4F5F7
surface
#E7E9ED
border
#C3C5C8
text
#030308
muted
#78787B

Preview Lab

Preview with #081B41

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

Preview Lab → · Contrast checker → · Palette generator →

#081B41 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva