#120D54#120D54

#120D54 is a very dark, vivid blue. Relative luminance 0.011; OKLCH L 23.2% C 0.121 H 274.6°. Best body text is #FFFFFF at 17.34:1 contrast (WCAG AA passes).

Color values

HEX#120D54
RGBrgb(18, 13, 84)
HSLhsl(244, 73%, 19%)
HSVhsv(244, 85%, 33%)
CMYKcmyk(78.6%, 84.5%, 0%, 67.1%)
CIE-LABlab(9.45, 28.17, -41.54)
CIE-LCHlch(9.45, 50.20, 304.14°)
OKLaboklab(23.17% 0.0097 -0.1201)
OKLCHoklch(23.17% 0.121 274.6)
XYZxyz(1.9931, 1.0563, 8.4846)
Luminance0.0106 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#120D54 #4F540D
analogous
#0D2C54 #120D54 #360D54
triadic
#120D54 #54120D #0D5412
tetradic
#120D54 #540D2C #4F540D #0D5436
square
#120D54 #540D2C #4F540D #0D5436
split-complementary
#120D54 #54360D #2C540D
monochromatic
#06041A #07051F #120D54 #1D1589 #291DBE

Accessibility & contrast

On white

17.34
#120D54 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.21
#120D54 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #120D54
17.34:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##120D54#FFFFFF#000000##FFFFFF
##120D541.0017.341.2117.34
#FFFFFF17.341.0021.001.00
#0000001.2121.001.0021.00
##FFFFFF17.341.0021.001.00

Color blindness preview

Protanopia (red-blind)
#001E56
Deuteranopia (green-blind)
#001753
Tritanopia (blue-blind)
#002230
Achromatopsia (no color)
#1A1A1A

Design tokens & code

CSS
--color: #120d54;
/* rgb */ color: rgb(18, 13, 84);
/* oklch */ color: oklch(23.2% 0.121 274.6);
Tailwind
colors: {
  custom: {
    50: '#5d4d85',
    500: '#120d54',
    950: '#000000',
  },
}
SCSS
$custom: #120d54;
$custom-light: #5d4d85;
$custom-dark: #000000;
JSON
{
  "hex": "#120d54",
  "rgb": {
    "r": 18,
    "g": 13,
    "b": 84
  },
  "hsl": {
    "h": 244.225,
    "s": 73.196,
    "l": 19.02
  },
  "oklch": {
    "l": 0.23171,
    "c": 0.12054,
    "h": 274.6
  },
  "luminance": 0.01057
}

Semantic roles & 50–950 ramp

primary
#120D54
secondary
#888F2E
accent
#F038E3
background
#F5F4F8
surface
#E9E7EF
border
#C5C3CA
text
#05010B
muted
#79777C

Preview Lab

Preview with #120D54

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

Preview Lab → · Contrast checker → · Palette generator →

#120D54 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva