#121480#121480

#121480 is a dark, vivid blue. Relative luminance 0.022; OKLCH L 29.7% C 0.171 H 269.0°. Best body text is #FFFFFF at 14.61:1 contrast (WCAG AA passes).

Color values

HEX#121480
RGBrgb(18, 20, 128)
HSLhsl(239, 75%, 29%)
HSVhsv(239, 86%, 50%)
CMYKcmyk(85.9%, 84.4%, 0%, 49.8%)
CIE-LABlab(16.44, 39.63, -58.90)
CIE-LCHlch(16.44, 71.00, 303.94°)
OKLaboklab(29.68% -0.0029 -0.1706)
OKLCHoklch(29.68% 0.171 269)
XYZxyz(4.3946, 2.1869, 20.6084)
Luminance0.0219 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#121480 #807E12
analogous
#124B80 #121480 #471280
triadic
#121480 #801214 #148012
tetradic
#121480 #80124B #807E12 #128047
square
#121480 #80124B #807E12 #128047
split-complementary
#121480 #804712 #4B8012
monochromatic
#04041B #0A0C4A #121480 #1A1CB6 #2B2EE1

Accessibility & contrast

On white

14.61
#121480 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.44
#121480 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #121480
14.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##121480#FFFFFF#000000##FFFFFF
##1214801.0014.611.4414.61
#FFFFFF14.611.0021.001.00
#0000001.4421.001.0021.00
##FFFFFF14.611.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002E83
Deuteranopia (green-blind)
#00237E
Tritanopia (blue-blind)
#00374B
Achromatopsia (no color)
#292929

Design tokens & code

CSS
--color: #121480;
/* rgb */ color: rgb(18, 20, 128);
/* oklch */ color: oklch(29.7% 0.171 269.0);
Tailwind
colors: {
  custom: {
    50: '#6955a6',
    500: '#121480',
    950: '#000000',
  },
}
SCSS
$custom: #121480;
$custom-light: #6955a6;
$custom-dark: #000000;
JSON
{
  "hex": "#121480",
  "rgb": {
    "r": 18,
    "g": 20,
    "b": 128
  },
  "hsl": {
    "h": 238.909,
    "s": 75.342,
    "l": 28.627
  },
  "oklch": {
    "l": 0.29683,
    "c": 0.17059,
    "h": 269
  },
  "luminance": 0.02187
}

Semantic roles & 50–950 ramp

primary
#121480
secondary
#B6B338
accent
#EF36F2
background
#F6F5FA
surface
#ECE9F4
border
#C7C5CE
text
#080310
muted
#7A787F

Preview Lab

Preview with #121480

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

Preview Lab → · Contrast checker → · Palette generator →

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