#144075#144075

#144075 is a dark, moderate cyan. Relative luminance 0.051; OKLCH L 37.2% C 0.103 H 255.4°. Best body text is #FFFFFF at 10.40:1 contrast (WCAG AA passes).

Color values

HEX#144075
RGBrgb(20, 64, 117)
HSLhsl(213, 71%, 27%)
HSVhsv(213, 83%, 46%)
CMYKcmyk(82.9%, 45.3%, 0%, 54.1%)
CIE-LABlab(27.02, 5.99, -34.64)
CIE-LCHlch(27.02, 35.15, 279.81°)
OKLaboklab(37.23% -0.0259 -0.0992)
OKLCHoklch(37.23% 0.103 255.4)
XYZxyz(5.3316, 5.0992, 17.5294)
Luminance0.0510 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#144075 #754914
analogous
#147175 #144075 #191475
triadic
#144075 #751440 #407514
tetradic
#144075 #751471 #754914 #147519
square
#144075 #751471 #754914 #147519
split-complementary
#144075 #751914 #717514
monochromatic
#040E1A #0B2341 #144075 #1D5DA9 #2979DA

Accessibility & contrast

On white

10.40
#144075 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.02
#144075 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #144075
10.40:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##144075#FFFFFF#000000##FFFFFF
##1440751.0010.402.0210.40
#FFFFFF10.401.0021.001.00
#0000002.0221.001.0021.00
##FFFFFF10.401.0021.001.00

Color blindness preview

Protanopia (red-blind)
#254577
Deuteranopia (green-blind)
#123C74
Tritanopia (blue-blind)
#004D54
Achromatopsia (no color)
#404040

Design tokens & code

CSS
--color: #144075;
/* rgb */ color: rgb(20, 64, 117);
/* oklch */ color: oklch(37.2% 0.103 255.4);
Tailwind
colors: {
  custom: {
    50: '#63749d',
    500: '#144075',
    950: '#000000',
  },
}
SCSS
$custom: #144075;
$custom-light: #63749d;
$custom-dark: #000000;
JSON
{
  "hex": "#144075",
  "rgb": {
    "r": 20,
    "g": 64,
    "b": 117
  },
  "hsl": {
    "h": 212.784,
    "s": 70.803,
    "l": 26.863
  },
  "oklch": {
    "l": 0.37234,
    "c": 0.10257,
    "h": 255.4
  },
  "luminance": 0.051
}

Semantic roles & 50–950 ramp

primary
#144075
secondary
#AB783A
accent
#9C3AEE
background
#F6F7F9
surface
#EBEDF2
border
#C6C8CC
text
#06080E
muted
#7A7B7E

Preview Lab

Preview with #144075

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

Preview Lab → · Contrast checker → · Palette generator →

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