#131B5B#131B5B

#131B5B is a dark, moderate blue. Relative luminance 0.017; OKLCH L 26.5% C 0.114 H 270.7°. Best body text is #FFFFFF at 15.72:1 contrast (WCAG AA passes).

Color values

HEX#131B5B
RGBrgb(19, 27, 91)
HSLhsl(233, 65%, 22%)
HSVhsv(233, 79%, 36%)
CMYKcmyk(79.1%, 70.3%, 0%, 64.3%)
CIE-LABlab(13.69, 21.66, -39.29)
CIE-LCHlch(13.69, 44.87, 298.86°)
OKLaboklab(26.47% 0.0014 -0.1136)
OKLCHoklch(26.47% 0.114 270.7)
XYZxyz(2.5482, 1.6774, 10.0850)
Luminance0.0168 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#131B5B #5B5313
analogous
#133F5B #131B5B #2F135B
triadic
#131B5B #5B131B #1B5B13
tetradic
#131B5B #5B133F #5B5313 #135B2F
square
#131B5B #5B133F #5B5313 #135B2F
split-complementary
#131B5B #5B2F13 #3F5B13
monochromatic
#050819 #080C28 #131B5B #1E2A8E #2839C0

Accessibility & contrast

On white

15.72
#131B5B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.34
#131B5B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #131B5B
15.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##131B5B#FFFFFF#000000##FFFFFF
##131B5B1.0015.721.3415.72
#FFFFFF15.721.0021.001.00
#0000001.3421.001.0021.00
##FFFFFF15.721.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00265D
Deuteranopia (green-blind)
#00205A
Tritanopia (blue-blind)
#002C38
Achromatopsia (no color)
#232323

Design tokens & code

CSS
--color: #131b5b;
/* rgb */ color: rgb(19, 27, 91);
/* oklch */ color: oklch(26.5% 0.114 270.7);
Tailwind
colors: {
  custom: {
    50: '#5e578a',
    500: '#131b5b',
    950: '#000000',
  },
}
SCSS
$custom: #131b5b;
$custom-light: #5e578a;
$custom-dark: #000000;
JSON
{
  "hex": "#131b5b",
  "rgb": {
    "r": 19,
    "g": 27,
    "b": 91
  },
  "hsl": {
    "h": 233.333,
    "s": 65.455,
    "l": 21.569
  },
  "oklch": {
    "l": 0.26467,
    "c": 0.11362,
    "h": 270.7
  },
  "luminance": 0.01678
}

Semantic roles & 50–950 ramp

primary
#131B5B
secondary
#938937
accent
#D63FE8
background
#F5F5F8
surface
#EAE9F0
border
#C6C5CB
text
#05030C
muted
#79787D

Preview Lab

Preview with #131B5B

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

Preview Lab → · Contrast checker → · Palette generator →

#131B5B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva