#050839#050839

#050839 is a very dark, moderate blue. Relative luminance 0.005; OKLCH L 17.9% C 0.092 H 269.5°. Best body text is #FFFFFF at 19.09:1 contrast (WCAG AA passes).

Color values

HEX#050839
RGBrgb(5, 8, 57)
HSLhsl(237, 84%, 12%)
HSVhsv(237, 91%, 22%)
CMYKcmyk(91.2%, 86%, 0%, 77.6%)
CIE-LABlab(4.53, 16.82, -30.65)
CIE-LCHlch(4.53, 34.96, 298.75°)
OKLaboklab(17.94% -0.0008 -0.0922)
OKLCHoklch(17.94% 0.092 269.5)
XYZxyz(0.8877, 0.5012, 3.9201)
Luminance0.0050 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#050839 #393605
analogous
#052239 #050839 #1C0539
triadic
#050839 #390508 #083905
tetradic
#050839 #390522 #393605 #05391C
square
#050839 #390522 #393605 #05391C
split-complementary
#050839 #391C05 #223905
monochromatic
#02041C #02041C #050839 #0A1071 #0F18AA

Accessibility & contrast

On white

19.09
#050839 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.10
#050839 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #050839
19.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##050839#FFFFFF#000000##FFFFFF
##0508391.0019.091.1019.09
#FFFFFF19.091.0021.001.00
#0000001.1021.001.0021.00
##FFFFFF19.091.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00123A
Deuteranopia (green-blind)
#000D38
Tritanopia (blue-blind)
#001620
Achromatopsia (no color)
#101010

Design tokens & code

CSS
--color: #050839;
/* rgb */ color: rgb(5, 8, 57);
/* oklch */ color: oklch(17.9% 0.092 269.5);
Tailwind
colors: {
  custom: {
    50: '#4f4970',
    500: '#050839',
    950: '#000000',
  },
}
SCSS
$custom: #050839;
$custom-light: #4f4970;
$custom-dark: #000000;
JSON
{
  "hex": "#050839",
  "rgb": {
    "r": 5,
    "g": 8,
    "b": 57
  },
  "hsl": {
    "h": 236.538,
    "s": 83.871,
    "l": 12.157
  },
  "oklch": {
    "l": 0.17939,
    "c": 0.09216,
    "h": 269.5
  },
  "luminance": 0.00501
}

Semantic roles & 50–950 ramp

primary
#050839
secondary
#7A7520
accent
#EE2EFA
background
#F4F4F6
surface
#E7E6EC
border
#C3C2C7
text
#020107
muted
#78777A

Preview Lab

Preview with #050839

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

Preview Lab → · Contrast checker → · Palette generator →

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