#93A2BB#93A2BB

#93A2BB is a light, muted blue. Relative luminance 0.356; OKLCH L 70.9% C 0.040 H 260.7°. Best body text is #000000 at 8.13:1 contrast (WCAG AA passes).

Color values

HEX	#93A2BB
RGB	rgb(147, 162, 187)
HSL	hsl(218, 23%, 65%)
HSV	hsv(218, 21%, 73%)
CMYK	cmyk(21.4%, 13.4%, 0%, 26.7%)
CIE-LAB	lab(66.24, 0.19, -14.64)
CIE-LCH	lch(66.24, 14.64, 270.74°)
OKLab	oklab(70.89% -0.0066 -0.0398)
OKLCH	oklch(70.89% 0.04 260.7)
XYZ	xyz(33.9203, 35.6307, 52.0943)
Luminance	0.3563 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#93A2BB #BBAC93

analogous

#93B6BB #93A2BB #9893BB

triadic

#93A2BB #BB93A2 #A2BB93

tetradic

#93A2BB #BB93B6 #BBAC93 #93BB98

square

#93A2BB #BB93B6 #BBAC93 #93BB98

split-complementary

#93A2BB #BB9893 #B6BB93

monochromatic

#526482 #6D82A3 #93A2BB #B9C2D3 #DEE3EA

Accessibility & contrast

On white

2.58

#93A2BB on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.13

#93A2BB on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #93A2BB

8.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##93A2BB	#FFFFFF	#000000	##000000
##93A2BB	1.00	2.58	8.13	8.13
#FFFFFF	2.58	1.00	21.00	21.00
#000000	8.13	21.00	1.00	1.00
##000000	8.13	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#9AA3BC

Deuteranopia (green-blind)

#969FBA

Tritanopia (blue-blind)

#89A7AA

Achromatopsia (no color)

#A1A1A1

Design tokens & code

CSS

--color: #93a2bb;
/* rgb */ color: rgb(147, 162, 187);
/* oklch */ color: oklch(70.9% 0.040 260.7);

Tailwind

colors: {
  custom: {
    50: '#b3bdcf',
    500: '#93a2bb',
    950: '#000000',
  },
}

SCSS

$custom: #93a2bb;
$custom-light: #b3bdcf;
$custom-dark: #000000;

JSON

{
  "hex": "#93a2bb",
  "rgb": {
    "r": 147,
    "g": 162,
    "b": 187
  },
  "hsl": {
    "h": 217.5,
    "s": 22.727,
    "l": 65.49
  },
  "oklch": {
    "l": 0.70889,
    "c": 0.04039,
    "h": 260.7
  },
  "luminance": 0.35632
}

Semantic roles & 50–950 ramp

primary

#93A2BB

secondary

#DCD7CE

accent

#7E44A1

background

#FBFBFC

surface

#F6F6F9

border

#D0D0D2

text

#111213

muted

#808182

Preview Lab

Preview with #93A2BB

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

Preview Lab → · Contrast checker → · Palette generator →