#171F41#171F41

#171F41 is a dark, moderate blue. Relative luminance 0.015; OKLCH L 25.2% C 0.065 H 271.1°. Best body text is #FFFFFF at 16.05:1 contrast (WCAG AA passes).

Color values

HEX#171F41
RGBrgb(23, 31, 65)
HSLhsl(229, 48%, 17%)
HSVhsv(229, 65%, 25%)
CMYKcmyk(64.6%, 52.3%, 0%, 74.5%)
CIE-LABlab(12.88, 8.71, -22.78)
CIE-LCHlch(12.88, 24.39, 290.92°)
OKLaboklab(25.22% 0.0013 -0.0649)
OKLCHoklch(25.22% 0.065 271.1)
XYZxyz(1.7972, 1.5437, 5.2033)
Luminance0.0154 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#171F41 #413917
analogous
#173441 #171F41 #241741
triadic
#171F41 #41171F #1F4117
tetradic
#171F41 #411734 #413917 #174124
square
#171F41 #411734 #413917 #174124
split-complementary
#171F41 #412417 #344117
monochromatic
#080B17 #080B17 #171F41 #27356E #374A9B

Accessibility & contrast

On white

16.05
#171F41 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.31
#171F41 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #171F41
16.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##171F41#FFFFFF#000000##FFFFFF
##171F411.0016.051.3116.05
#FFFFFF16.051.0021.001.00
#0000001.3121.001.0021.00
##FFFFFF16.051.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0F2342
Deuteranopia (green-blind)
#0A2040
Tritanopia (blue-blind)
#01272C
Achromatopsia (no color)
#212121

Design tokens & code

CSS
--color: #171f41;
/* rgb */ color: rgb(23, 31, 65);
/* oklch */ color: oklch(25.2% 0.065 271.1);
Tailwind
colors: {
  custom: {
    50: '#585a76',
    500: '#171f41',
    950: '#000000',
  },
}
SCSS
$custom: #171f41;
$custom-light: #585a76;
$custom-dark: #000000;
JSON
{
  "hex": "#171f41",
  "rgb": {
    "r": 23,
    "g": 31,
    "b": 65
  },
  "hsl": {
    "h": 228.571,
    "s": 47.727,
    "l": 17.255
  },
  "oklch": {
    "l": 0.2522,
    "c": 0.06495,
    "h": 271.1
  },
  "luminance": 0.01544
}

Semantic roles & 50–950 ramp

primary
#171F41
secondary
#786C3C
accent
#BE50D7
background
#F5F5F7
surface
#E9E9ED
border
#C5C5C8
text
#030308
muted
#78787B

Preview Lab

Preview with #171F41

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

Preview Lab → · Contrast checker → · Palette generator →

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