#141767#141767

#141767 is a dark, vivid blue. Relative luminance 0.017; OKLCH L 27.1% C 0.135 H 271.4°. Best body text is #FFFFFF at 15.58:1 contrast (WCAG AA passes).

Color values

HEX	#141767
RGB	rgb(20, 23, 103)
HSL	hsl(238, 67%, 24%)
HSV	hsv(238, 81%, 40%)
CMYK	cmyk(80.6%, 77.7%, 0%, 59.6%)
CIE-LAB	lab(14.06, 29.18, -46.66)
CIE-LCH	lch(14.06, 55.03, 302.01°)
OKLab	oklab(27.14% 0.0034 -0.1351)
OKLCH	oklch(27.14% 0.135 271.4)
XYZ	xyz(3.0422, 1.7405, 13.0049)
Luminance	0.0174 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#141767 #676414

analogous

#144167 #141767 #3B1467

triadic

#141767 #671417 #176714

tetradic

#141767 #671441 #676414 #14673B

square

#141767 #671441 #676414 #14673B

split-complementary

#141767 #673B14 #416714

monochromatic

#05061A #0A0C34 #141767 #1E229A #282ECD

Accessibility & contrast

On white

15.58

#141767 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.35

#141767 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #141767

15.58:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##141767	#FFFFFF	#000000	##FFFFFF
##141767	1.00	15.58	1.35	15.58
#FFFFFF	15.58	1.00	21.00	1.00
#000000	1.35	21.00	1.00	21.00
##FFFFFF	15.58	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#002869

Deuteranopia (green-blind)

#002066

Tritanopia (blue-blind)

#002E3D

Achromatopsia (no color)

#242424

Design tokens & code

CSS

--color: #141767;
/* rgb */ color: rgb(20, 23, 103);
/* oklch */ color: oklch(27.1% 0.135 271.4);

Tailwind

colors: {
  custom: {
    50: '#625593',
    500: '#141767',
    950: '#000000',
  },
}

SCSS

$custom: #141767;
$custom-light: #625593;
$custom-dark: #000000;

JSON

{
  "hex": "#141767",
  "rgb": {
    "r": 20,
    "g": 23,
    "b": 103
  },
  "hsl": {
    "h": 237.831,
    "s": 67.48,
    "l": 24.118
  },
  "oklch": {
    "l": 0.27143,
    "c": 0.13513,
    "h": 271.4
  },
  "luminance": 0.01741
}

Semantic roles & 50–950 ramp

primary

#141767

secondary

#9E9A39

accent

#E43DEA

background

#F6F4F9

surface

#EBE8F1

border

#C6C4CB

text

#06030D

muted

#7A787E

Preview Lab

Preview with #141767

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

Preview Lab → · Contrast checker → · Palette generator →