#9596AA#9596AA

#9596AA is a light, muted blue. Relative luminance 0.311; OKLCH L 67.9% C 0.029 H 283.3°. Best body text is #000000 at 7.22:1 contrast (WCAG AA passes).

Color values

HEX	#9596AA
RGB	rgb(149, 150, 170)
HSL	hsl(237, 11%, 63%)
HSV	hsv(237, 12%, 67%)
CMYK	cmyk(12.4%, 11.8%, 0%, 33.3%)
CIE-LAB	lab(62.60, 3.74, -10.56)
CIE-LCH	lch(62.60, 11.20, 289.53°)
OKLab	oklab(67.89% 0.0067 -0.0285)
OKLCH	oklch(67.89% 0.029 283.3)
XYZ	xyz(30.5549, 31.1043, 42.4164)
Luminance	0.3110 (WCAG relative)
Temperature	neutral
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#9596AA #AAA995

analogous

#95A0AA #9596AA #9E95AA

triadic

#9596AA #AA9596 #96AA95

tetradic

#9596AA #AA95A0 #AAA995 #95AA9E

square

#9596AA #AA95A0 #AAA995 #95AA9E

split-complementary

#9596AA #AA9E95 #A0AA95

monochromatic

#57596D #73748F #9596AA #B7B8C5 #D9D9E0

Accessibility & contrast

On white

2.91

#9596AA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.22

#9596AA on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #9596AA

7.22:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##9596AA	#FFFFFF	#000000	##000000
##9596AA	1.00	2.91	7.22	7.22
#FFFFFF	2.91	1.00	21.00	21.00
#000000	7.22	21.00	1.00	1.00
##000000	7.22	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#9198AB

Deuteranopia (green-blind)

#9197A9

Tritanopia (blue-blind)

#91999C

Achromatopsia (no color)

#979797

Design tokens & code

CSS

--color: #9596aa;
/* rgb */ color: rgb(149, 150, 170);
/* oklch */ color: oklch(67.9% 0.029 283.3);

Tailwind

colors: {
  custom: {
    50: '#b4b4c3',
    500: '#9596aa',
    950: '#000000',
  },
}

SCSS

$custom: #9596aa;
$custom-light: #b4b4c3;
$custom-dark: #000000;

JSON

{
  "hex": "#9596aa",
  "rgb": {
    "r": 149,
    "g": 150,
    "b": 170
  },
  "hsl": {
    "h": 237.143,
    "s": 10.995,
    "l": 62.549
  },
  "oklch": {
    "l": 0.67891,
    "c": 0.02928,
    "h": 283.3
  },
  "luminance": 0.31105
}

Semantic roles & 50–950 ramp

primary

#9596AA

secondary

#D1D1CA

accent

#925095

background

#FBFBFB

surface

#F6F6F7

border

#D0D0D0

text

#111112

muted

#808081

Preview Lab

Preview with #9596AA

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

Preview Lab → · Contrast checker → · Palette generator →