#174688#174688

#174688 is a dark, vivid blue. Relative luminance 0.063; OKLCH L 40.2% C 0.121 H 257.9°. Best body text is #FFFFFF at 9.26:1 contrast (WCAG AA passes).

Color values

HEX#174688
RGBrgb(23, 70, 136)
HSLhsl(215, 71%, 31%)
HSVhsv(215, 83%, 53%)
CMYKcmyk(83.1%, 48.5%, 0%, 46.7%)
CIE-LABlab(30.25, 10.08, -41.31)
CIE-LCHlch(30.25, 42.52, 283.71°)
OKLaboklab(40.18% -0.0255 -0.1187)
OKLCHoklch(40.18% 0.121 257.9)
XYZxyz(6.9858, 6.3392, 24.1432)
Luminance0.0634 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#174688 #885917
analogous
#177E88 #174688 #201788
triadic
#174688 #881746 #468817
tetradic
#174688 #88177E #885917 #178820
square
#174688 #88177E #885917 #178820
split-complementary
#174688 #882017 #7E8817
monochromatic
#05101F #0E2B54 #174688 #2061BC #3B7FDE

Accessibility & contrast

On white

9.26
#174688 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.27
#174688 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #174688
9.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##174688#FFFFFF#000000##FFFFFF
##1746881.009.262.279.26
#FFFFFF9.261.0021.001.00
#0000002.2721.001.0021.00
##FFFFFF9.261.0021.001.00

Color blindness preview

Protanopia (red-blind)
#214D8A
Deuteranopia (green-blind)
#004287
Tritanopia (blue-blind)
#005660
Achromatopsia (no color)
#474747

Design tokens & code

CSS
--color: #174688;
/* rgb */ color: rgb(23, 70, 136);
/* oklch */ color: oklch(40.2% 0.121 257.9);
Tailwind
colors: {
  custom: {
    50: '#6878ab',
    500: '#174688',
    950: '#000000',
  },
}
SCSS
$custom: #174688;
$custom-light: #6878ab;
$custom-dark: #000000;
JSON
{
  "hex": "#174688",
  "rgb": {
    "r": 23,
    "g": 70,
    "b": 136
  },
  "hsl": {
    "h": 215.044,
    "s": 71.069,
    "l": 31.176
  },
  "oklch": {
    "l": 0.40176,
    "c": 0.12139,
    "h": 257.9
  },
  "luminance": 0.0634
}

Semantic roles & 50–950 ramp

primary
#174688
secondary
#BC883F
accent
#A33AEE
background
#F6F7FA
surface
#ECEDF4
border
#C7C8CE
text
#070910
muted
#7A7B7F

Preview Lab

Preview with #174688

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

Preview Lab → · Contrast checker → · Palette generator →

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