#17597E#17597E

#17597E is a dark, moderate cyan. Relative luminance 0.088; OKLCH L 44.2% C 0.088 H 238.7°. Best body text is #FFFFFF at 7.59:1 contrast (WCAG AA passes).

Color values

HEX	#17597E
RGB	rgb(23, 89, 126)
HSL	hsl(202, 69%, 29%)
HSV	hsv(202, 82%, 49%)
CMYK	cmyk(81.7%, 29.4%, 0%, 50.6%)
CIE-LAB	lab(35.66, -6.41, -26.55)
CIE-LCH	lch(35.66, 27.31, 256.42°)
OKLab	oklab(44.22% -0.0457 -0.0751)
OKLCH	oklch(44.22% 0.088 238.7)
XYZ	xyz(7.6901, 8.8323, 21.0341)
Luminance	0.0883 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#17597E #7E3C17

analogous

#177E70 #17597E #17267E

triadic

#17597E #7E1759 #597E17

tetradic

#17597E #70177E #7E3C17 #267E17

square

#17597E #70177E #7E3C17 #267E17

split-complementary

#17597E #7E1726 #7E7017

monochromatic

#05121A #0E344A #17597E #207EB2 #359FDA

Accessibility & contrast

On white

7.59

#17597E on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.77

#17597E on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #17597E

7.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##17597E	#FFFFFF	#000000	##FFFFFF
##17597E	1.00	7.59	2.77	7.59
#FFFFFF	7.59	1.00	21.00	1.00
#000000	2.77	21.00	1.00	21.00
##FFFFFF	7.59	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#475980

Deuteranopia (green-blind)

#39507D

Tritanopia (blue-blind)

#006266

Achromatopsia (no color)

#545454

Design tokens & code

CSS

--color: #17597e;
/* rgb */ color: rgb(23, 89, 126);
/* oklch */ color: oklch(44.2% 0.088 238.7);

Tailwind

colors: {
  custom: {
    50: '#6687a3',
    500: '#17597e',
    950: '#000000',
  },
}

SCSS

$custom: #17597e;
$custom-light: #6687a3;
$custom-dark: #000000;

JSON

{
  "hex": "#17597e",
  "rgb": {
    "r": 23,
    "g": 89,
    "b": 126
  },
  "hsl": {
    "h": 201.553,
    "s": 69.128,
    "l": 29.216
  },
  "oklch": {
    "l": 0.44218,
    "c": 0.08792,
    "h": 238.7
  },
  "luminance": 0.08833
}

Semantic roles & 50–950 ramp

primary

#17597E

secondary

#B3683E

accent

#7B3CEC

background

#F6F8FA

surface

#EBEFF4

border

#C6CACE

text

#070B0F

muted

#7A7C7F

Preview Lab

Preview with #17597E

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

Preview Lab → · Contrast checker → · Palette generator →