#12155F#12155F

#12155F is a dark, vivid blue. Relative luminance 0.015; OKLCH L 25.8% C 0.127 H 271.5°. Best body text is #FFFFFF at 16.18:1 contrast (WCAG AA passes).

Color values

HEX#12155F
RGBrgb(18, 21, 95)
HSLhsl(238, 68%, 22%)
HSVhsv(238, 81%, 37%)
CMYKcmyk(81.1%, 77.9%, 0%, 62.7%)
CIE-LABlab(12.55, 27.25, -43.86)
CIE-LCHlch(12.55, 51.63, 301.86°)
OKLaboklab(25.76% 0.0033 -0.127)
OKLCHoklch(25.76% 0.127 271.5)
XYZxyz(2.5825, 1.4909, 10.9759)
Luminance0.0149 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#12155F #5F5C12
analogous
#123C5F #12155F #35125F
triadic
#12155F #5F1215 #155F12
tetradic
#12155F #5F123C #5F5C12 #125F35
square
#12155F #5F123C #5F5C12 #125F35
split-complementary
#12155F #5F3512 #3C5F12
monochromatic
#05061A #080A2C #12155F #1C2092 #252CC6

Accessibility & contrast

On white

16.18
#12155F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.30
#12155F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #12155F
16.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##12155F#FFFFFF#000000##FFFFFF
##12155F1.0016.181.3016.18
#FFFFFF16.181.0021.001.00
#0000001.3021.001.0021.00
##FFFFFF16.181.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002461
Deuteranopia (green-blind)
#001D5E
Tritanopia (blue-blind)
#002A38
Achromatopsia (no color)
#212121

Design tokens & code

CSS
--color: #12155f;
/* rgb */ color: rgb(18, 21, 95);
/* oklch */ color: oklch(25.8% 0.127 271.5);
Tailwind
colors: {
  custom: {
    50: '#5f538d',
    500: '#12155f',
    950: '#000000',
  },
}
SCSS
$custom: #12155f;
$custom-light: #5f538d;
$custom-dark: #000000;
JSON
{
  "hex": "#12155f",
  "rgb": {
    "r": 18,
    "g": 21,
    "b": 95
  },
  "hsl": {
    "h": 237.662,
    "s": 68.142,
    "l": 22.157
  },
  "oklch": {
    "l": 0.25756,
    "c": 0.127,
    "h": 271.5
  },
  "luminance": 0.01491
}

Semantic roles & 50–950 ramp

primary
#12155F
secondary
#979336
accent
#E43DEB
background
#F6F4F8
surface
#EBE7F0
border
#C6C3CB
text
#05020C
muted
#7A787D

Preview Lab

Preview with #12155F

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

Preview Lab → · Contrast checker → · Palette generator →

#12155F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva