#173485#173485

#173485 is a dark, vivid blue. Relative luminance 0.043; OKLCH L 35.9% C 0.140 H 264.9°. Best body text is #FFFFFF at 11.25:1 contrast (WCAG AA passes).

Color values

HEX#173485
RGBrgb(23, 52, 133)
HSLhsl(224, 71%, 31%)
HSVhsv(224, 83%, 52%)
CMYKcmyk(82.7%, 60.9%, 0%, 47.8%)
CIE-LABlab(24.74, 21.41, -48.38)
CIE-LCHlch(24.74, 52.91, 293.87°)
OKLaboklab(35.91% -0.0124 -0.1399)
OKLCHoklch(35.91% 0.14 264.9)
XYZxyz(5.8135, 4.3309, 22.7153)
Luminance0.0433 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#173485 #856817
analogous
#176B85 #173485 #311785
triadic
#173485 #851734 #348517
tetradic
#173485 #85176B #856817 #178531
square
#173485 #85176B #856817 #178531
split-complementary
#173485 #853117 #6B8517
monochromatic
#050B1D #0E2051 #173485 #2048B9 #3A65DD

Accessibility & contrast

On white

11.25
#173485 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.87
#173485 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #173485
11.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##173485#FFFFFF#000000##FFFFFF
##1734851.0011.251.8711.25
#FFFFFF11.251.0021.001.00
#0000001.8721.001.0021.00
##FFFFFF11.251.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004088
Deuteranopia (green-blind)
#003683
Tritanopia (blue-blind)
#004957
Achromatopsia (no color)
#3B3B3B

Design tokens & code

CSS
--color: #173485;
/* rgb */ color: rgb(23, 52, 133);
/* oklch */ color: oklch(35.9% 0.140 264.9);
Tailwind
colors: {
  custom: {
    50: '#686ba9',
    500: '#173485',
    950: '#000000',
  },
}
SCSS
$custom: #173485;
$custom-light: #686ba9;
$custom-dark: #000000;
JSON
{
  "hex": "#173485",
  "rgb": {
    "r": 23,
    "g": 52,
    "b": 133
  },
  "hsl": {
    "h": 224.182,
    "s": 70.513,
    "l": 30.588
  },
  "oklch": {
    "l": 0.3591,
    "c": 0.14041,
    "h": 264.9
  },
  "luminance": 0.04332
}

Semantic roles & 50–950 ramp

primary
#173485
secondary
#B9993F
accent
#BE3BED
background
#F6F6FA
surface
#ECEBF4
border
#C7C6CE
text
#070610
muted
#7A7A7F

Preview Lab

Preview with #173485

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

Preview Lab → · Contrast checker → · Palette generator →

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