#144471#144471

#144471 is a dark, moderate cyan. Relative luminance 0.055; OKLCH L 38.0% C 0.092 H 250.6°. Best body text is #FFFFFF at 10.02:1 contrast (WCAG AA passes).

Color values

HEX#144471
RGBrgb(20, 68, 113)
HSLhsl(209, 70%, 26%)
HSVhsv(209, 82%, 44%)
CMYKcmyk(82.3%, 39.8%, 0%, 55.7%)
CIE-LABlab(28.05, 1.59, -30.46)
CIE-LCHlch(28.05, 30.50, 272.98°)
OKLaboklab(37.96% -0.0307 -0.0869)
OKLCHoklch(37.96% 0.092 250.6)
XYZxyz(5.3351, 5.4746, 16.3951)
Luminance0.0548 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#144471 #714114
analogous
#14716F #144471 #141571
triadic
#144471 #711444 #447114
tetradic
#144471 #6F1471 #714114 #157114
square
#144471 #6F1471 #714114 #157114
split-complementary
#144471 #711415 #716F14
monochromatic
#05101A #0B253D #144471 #1D63A5 #2783D9

Accessibility & contrast

On white

10.02
#144471 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.10
#144471 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #144471
10.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##144471#FFFFFF#000000##FFFFFF
##1444711.0010.022.1010.02
#FFFFFF10.021.0021.001.00
#0000002.1021.001.0021.00
##FFFFFF10.021.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2F4773
Deuteranopia (green-blind)
#203E70
Tritanopia (blue-blind)
#004F55
Achromatopsia (no color)
#424242

Design tokens & code

CSS
--color: #144471;
/* rgb */ color: rgb(20, 68, 113);
/* oklch */ color: oklch(38.0% 0.092 250.6);
Tailwind
colors: {
  custom: {
    50: '#62779a',
    500: '#144471',
    950: '#000000',
  },
}
SCSS
$custom: #144471;
$custom-light: #62779a;
$custom-dark: #000000;
JSON
{
  "hex": "#144471",
  "rgb": {
    "r": 20,
    "g": 68,
    "b": 113
  },
  "hsl": {
    "h": 209.032,
    "s": 69.925,
    "l": 26.078
  },
  "oklch": {
    "l": 0.37956,
    "c": 0.09214,
    "h": 250.6
  },
  "luminance": 0.05475
}

Semantic roles & 50–950 ramp

primary
#144471
secondary
#A76F39
accent
#913BED
background
#F6F7F9
surface
#EBEDF2
border
#C6C8CC
text
#06080E
muted
#7A7B7E

Preview Lab

Preview with #144471

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

Preview Lab → · Contrast checker → · Palette generator →

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