#5B697E#5B697E

#5B697E is a mid, muted blue. Relative luminance 0.138; OKLCH L 51.7% C 0.037 H 258.4°. Best body text is #FFFFFF at 5.58:1 contrast (WCAG AA passes).

Color values

HEX	#5B697E
RGB	rgb(91, 105, 126)
HSL	hsl(216, 16%, 43%)
HSV	hsv(216, 28%, 49%)
CMYK	cmyk(27.8%, 16.7%, 0%, 50.6%)
CIE-LAB	lab(43.99, -0.11, -13.41)
CIE-LCH	lch(43.99, 13.41, 269.52°)
OKLab	oklab(51.7% -0.0076 -0.0367)
OKLCH	oklch(51.7% 0.037 258.4)
XYZ	xyz(13.1308, 13.8332, 21.7129)
Luminance	0.1383 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#5B697E #7E705B

analogous

#5B7A7E #5B697E #5E5B7E

triadic

#5B697E #7E5B69 #697E5B

tetradic

#5B697E #7E5B7A #7E705B #5B7E5E

square

#5B697E #7E5B7A #7E705B #5B7E5E

split-complementary

#5B697E #7E5E5B #7A7E5B

monochromatic

#282E37 #414B5A #5B697E #78879E #9CA7B7

Accessibility & contrast

On white

5.58

#5B697E on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.77

#5B697E on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #5B697E

5.58:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##5B697E	#FFFFFF	#000000	##FFFFFF
##5B697E	1.00	5.58	3.77	5.58
#FFFFFF	5.58	1.00	21.00	1.00
#000000	3.77	21.00	1.00	21.00
##FFFFFF	5.58	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#626A7F

Deuteranopia (green-blind)

#5E667E

Tritanopia (blue-blind)

#516D70

Achromatopsia (no color)

#686868

Design tokens & code

CSS

--color: #5b697e;
/* rgb */ color: rgb(91, 105, 126);
/* oklch */ color: oklch(51.7% 0.037 258.4);

Tailwind

colors: {
  custom: {
    50: '#8a93a3',
    500: '#5b697e',
    950: '#000000',
  },
}

SCSS

$custom: #5b697e;
$custom-light: #8a93a3;
$custom-dark: #000000;

JSON

{
  "hex": "#5b697e",
  "rgb": {
    "r": 91,
    "g": 105,
    "b": 126
  },
  "hsl": {
    "h": 216,
    "s": 16.129,
    "l": 42.549
  },
  "oklch": {
    "l": 0.51701,
    "c": 0.03749,
    "h": 258.4
  },
  "luminance": 0.13834
}

Semantic roles & 50–950 ramp

primary

#5B697E

secondary

#A69D8F

accent

#9B6FB9

background

#F8F9FA

surface

#F0F1F3

border

#CBCBCD

text

#0C0D0F

muted

#7D7E7F

Preview Lab

Preview with #5B697E

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

Preview Lab → · Contrast checker → · Palette generator →