#194588#194588

#194588 is a dark, vivid blue. Relative luminance 0.062; OKLCH L 40.0% C 0.122 H 258.9°. Best body text is #FFFFFF at 9.34:1 contrast (WCAG AA passes).

Color values

HEX#194588
RGBrgb(25, 69, 136)
HSLhsl(216, 69%, 32%)
HSVhsv(216, 82%, 53%)
CMYKcmyk(81.6%, 49.3%, 0%, 46.7%)
CIE-LABlab(30.01, 10.98, -41.70)
CIE-LCHlch(30.01, 43.12, 284.75°)
OKLaboklab(40.01% -0.0234 -0.1198)
OKLCHoklch(40.01% 0.122 258.9)
XYZxyz(6.9713, 6.2397, 24.1247)
Luminance0.0624 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#194588 #885C19
analogous
#197D88 #194588 #251988
triadic
#194588 #881945 #458819
tetradic
#194588 #88197D #885C19 #198825
square
#194588 #88197D #885C19 #198825
split-complementary
#194588 #882519 #7D8819
monochromatic
#061121 #0F2B54 #194588 #235FBC #407EDC

Accessibility & contrast

On white

9.34
#194588 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.25
#194588 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #194588
9.34:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##194588#FFFFFF#000000##FFFFFF
##1945881.009.342.259.34
#FFFFFF9.341.0021.001.00
#0000002.2521.001.0021.00
##FFFFFF9.341.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1F4C8A
Deuteranopia (green-blind)
#004287
Tritanopia (blue-blind)
#005560
Achromatopsia (no color)
#474747

Design tokens & code

CSS
--color: #194588;
/* rgb */ color: rgb(25, 69, 136);
/* oklch */ color: oklch(40.0% 0.122 258.9);
Tailwind
colors: {
  custom: {
    50: '#6978ab',
    500: '#194588',
    950: '#000000',
  },
}
SCSS
$custom: #194588;
$custom-light: #6978ab;
$custom-dark: #000000;
JSON
{
  "hex": "#194588",
  "rgb": {
    "r": 25,
    "g": 69,
    "b": 136
  },
  "hsl": {
    "h": 216.216,
    "s": 68.944,
    "l": 31.569
  },
  "oklch": {
    "l": 0.40005,
    "c": 0.1221,
    "h": 258.9
  },
  "luminance": 0.0624
}

Semantic roles & 50–950 ramp

primary
#194588
secondary
#BB8B41
accent
#A63CEC
background
#F6F7FA
surface
#ECEDF4
border
#C7C8CE
text
#070810
muted
#7A7B7F

Preview Lab

Preview with #194588

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

Preview Lab → · Contrast checker → · Palette generator →

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