#141255#141255

#141255 is a very dark, moderate blue. Relative luminance 0.012; OKLCH L 24.2% C 0.116 H 274.7°. Best body text is #FFFFFF at 16.84:1 contrast (WCAG AA passes).

Color values

HEX#141255
RGBrgb(20, 18, 85)
HSLhsl(242, 65%, 20%)
HSVhsv(242, 79%, 33%)
CMYKcmyk(76.5%, 78.8%, 0%, 66.7%)
CIE-LABlab(10.83, 25.64, -39.95)
CIE-LCHlch(10.83, 47.47, 302.69°)
OKLaboklab(24.22% 0.0096 -0.1155)
OKLCHoklch(24.22% 0.116 274.7)
XYZxyz(2.1439, 1.2370, 8.7183)
Luminance0.0124 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#141255 #535512
analogous
#123155 #141255 #351255
triadic
#141255 #551412 #125514
tetradic
#141255 #551231 #535512 #125535
square
#141255 #551231 #535512 #125535
split-complementary
#141255 #553512 #315512
monochromatic
#060519 #080722 #141255 #201D88 #2C27BA

Accessibility & contrast

On white

16.84
#141255 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.25
#141255 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #141255
16.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##141255#FFFFFF#000000##FFFFFF
##1412551.0016.841.2516.84
#FFFFFF16.841.0021.001.00
#0000001.2521.001.0021.00
##FFFFFF16.841.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002057
Deuteranopia (green-blind)
#001A54
Tritanopia (blue-blind)
#002532
Achromatopsia (no color)
#1D1D1D

Design tokens & code

CSS
--color: #141255;
/* rgb */ color: rgb(20, 18, 85);
/* oklch */ color: oklch(24.2% 0.116 274.7);
Tailwind
colors: {
  custom: {
    50: '#5d5086',
    500: '#141255',
    950: '#000000',
  },
}
SCSS
$custom: #141255;
$custom-light: #5d5086;
$custom-dark: #000000;
JSON
{
  "hex": "#141255",
  "rgb": {
    "r": 20,
    "g": 18,
    "b": 85
  },
  "hsl": {
    "h": 241.791,
    "s": 65.049,
    "l": 20.196
  },
  "oklch": {
    "l": 0.24219,
    "c": 0.11589,
    "h": 274.7
  },
  "luminance": 0.01237
}

Semantic roles & 50–950 ramp

primary
#141255
secondary
#8B8E35
accent
#E840E3
background
#F5F4F8
surface
#EAE7EF
border
#C6C3CA
text
#05020B
muted
#79787C

Preview Lab

Preview with #141255

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

Preview Lab → · Contrast checker → · Palette generator →

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