#171E41#171E41

#171E41 is a very dark, moderate blue. Relative luminance 0.015; OKLCH L 25.0% C 0.067 H 272.2°. Best body text is #FFFFFF at 16.17:1 contrast (WCAG AA passes).

Color values

HEX#171E41
RGBrgb(23, 30, 65)
HSLhsl(230, 48%, 17%)
HSVhsv(230, 65%, 25%)
CMYKcmyk(64.6%, 53.8%, 0%, 74.5%)
CIE-LABlab(12.56, 9.47, -23.30)
CIE-LCHlch(12.56, 25.15, 292.12°)
OKLaboklab(24.97% 0.0026 -0.0665)
OKLCHoklch(24.97% 0.067 272.2)
XYZxyz(1.7714, 1.4922, 5.1947)
Luminance0.0149 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#171E41 #413A17
analogous
#173341 #171E41 #251741
triadic
#171E41 #41171E #1E4117
tetradic
#171E41 #411733 #413A17 #174125
square
#171E41 #411733 #413A17 #174125
split-complementary
#171E41 #412517 #334117
monochromatic
#080A17 #080A17 #171E41 #27336E #37489B

Accessibility & contrast

On white

16.17
#171E41 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.30
#171E41 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #171E41
16.17:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##171E41#FFFFFF#000000##FFFFFF
##171E411.0016.171.3016.17
#FFFFFF16.171.0021.001.00
#0000001.3021.001.0021.00
##FFFFFF16.171.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0D2342
Deuteranopia (green-blind)
#071F40
Tritanopia (blue-blind)
#01262C
Achromatopsia (no color)
#212121

Design tokens & code

CSS
--color: #171e41;
/* rgb */ color: rgb(23, 30, 65);
/* oklch */ color: oklch(25.0% 0.067 272.2);
Tailwind
colors: {
  custom: {
    50: '#585976',
    500: '#171e41',
    950: '#000000',
  },
}
SCSS
$custom: #171e41;
$custom-light: #585976;
$custom-dark: #000000;
JSON
{
  "hex": "#171e41",
  "rgb": {
    "r": 23,
    "g": 30,
    "b": 65
  },
  "hsl": {
    "h": 230,
    "s": 47.727,
    "l": 17.255
  },
  "oklch": {
    "l": 0.24974,
    "c": 0.06653,
    "h": 272.2
  },
  "luminance": 0.01492
}

Semantic roles & 50–950 ramp

primary
#171E41
secondary
#786E3C
accent
#C150D7
background
#F5F5F7
surface
#E9E9ED
border
#C5C5C8
text
#030308
muted
#78787B

Preview Lab

Preview with #171E41

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

Preview Lab → · Contrast checker → · Palette generator →

#171E41 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva