#143064#143064

#143064 is a dark, moderate blue. Relative luminance 0.032; OKLCH L 32.0% C 0.098 H 261.4°. Best body text is #FFFFFF at 12.83:1 contrast (WCAG AA passes).

Color values

HEX	#143064
RGB	rgb(20, 48, 100)
HSL	hsl(219, 67%, 24%)
HSV	hsv(219, 80%, 39%)
CMYK	cmyk(80%, 52%, 0%, 60.8%)
CIE-LAB	lab(20.76, 10.16, -33.76)
CIE-LCH	lch(20.76, 35.26, 286.75°)
OKLab	oklab(32.03% -0.0146 -0.097)
OKLCH	oklch(32.03% 0.098 261.4)
XYZ	xyz(3.6449, 3.1823, 12.4763)
Luminance	0.0318 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#143064 #644814

analogous

#145864 #143064 #201464

triadic

#143064 #641430 #306414

tetradic

#143064 #641458 #644814 #146420

square

#143064 #641458 #644814 #146420

split-complementary

#143064 #642014 #586414

monochromatic

#050C1A #0A1831 #143064 #1E4897 #2861CA

Accessibility & contrast

On white

12.83

#143064 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.64

#143064 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #143064

12.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##143064	#FFFFFF	#000000	##FFFFFF
##143064	1.00	12.83	1.64	12.83
#FFFFFF	12.83	1.00	21.00	1.00
#000000	1.64	21.00	1.00	21.00
##FFFFFF	12.83	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#123666

Deuteranopia (green-blind)

#002F63

Tritanopia (blue-blind)

#003C45

Achromatopsia (no color)

#323232

Design tokens & code

CSS

--color: #143064;
/* rgb */ color: rgb(20, 48, 100);
/* oklch */ color: oklch(32.0% 0.098 261.4);

Tailwind

colors: {
  custom: {
    50: '#5f6790',
    500: '#143064',
    950: '#000000',
  },
}

SCSS

$custom: #143064;
$custom-light: #5f6790;
$custom-dark: #000000;

JSON

{
  "hex": "#143064",
  "rgb": {
    "r": 20,
    "g": 48,
    "b": 100
  },
  "hsl": {
    "h": 219,
    "s": 66.667,
    "l": 23.529
  },
  "oklch": {
    "l": 0.32026,
    "c": 0.09811,
    "h": 261.4
  },
  "luminance": 0.03183
}

Semantic roles & 50–950 ramp

primary

#143064

secondary

#9B7938

accent

#AE3EEA

background

#F5F6F8

surface

#EAEBF0

border

#C6C6CB

text

#05060C

muted

#797A7D

Preview Lab

Preview with #143064

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

Preview Lab → · Contrast checker → · Palette generator →