#BBBDC7#BBBDC7

#BBBDC7 is a light, near-neutral blue. Relative luminance 0.511; OKLCH L 80.0% C 0.014 H 277.0°. Best body text is #000000 at 11.22:1 contrast (WCAG AA passes).

Color values

HEX	#BBBDC7
RGB	rgb(187, 189, 199)
HSL	hsl(230, 10%, 76%)
HSV	hsv(230, 6%, 78%)
CMYK	cmyk(6%, 5%, 0%, 22%)
CIE-LAB	lab(76.73, 1.22, -5.27)
CIE-LCH	lch(76.73, 5.41, 283.01°)
OKLab	oklab(79.98% 0.0017 -0.0141)
OKLCH	oklch(79.98% 0.014 277)
XYZ	xyz(48.9979, 51.0833, 61.3005)
Luminance	0.5108 (WCAG relative)
Temperature	neutral
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BBBDC7 #C7C5BB

analogous

#BBC3C7 #BBBDC7 #BFBBC7

triadic

#BBBDC7 #C7BBBD #BDC7BB

tetradic

#BBBDC7 #C7BBC3 #C7C5BB #BBC7BF

square

#BBBDC7 #C7BBC3 #C7C5BB #BBC7BF

split-complementary

#BBBDC7 #C7BFBB #C3C7BB

monochromatic

#787C90 #999CAB #BBBDC7 #DDDEE3 #EEEFF1

Accessibility & contrast

On white

1.87

#BBBDC7 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.22

#BBBDC7 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BBBDC7

11.22:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BBBDC7	#FFFFFF	#000000	##000000
##BBBDC7	1.00	1.87	11.22	11.22
#FFFFFF	1.87	1.00	21.00	21.00
#000000	11.22	21.00	1.00	1.00
##000000	11.22	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#BBBEC8

Deuteranopia (green-blind)

#BABDC7

Tritanopia (blue-blind)

#B9BFC0

Achromatopsia (no color)

#BDBDBD

Design tokens & code

CSS

--color: #bbbdc7;
/* rgb */ color: rgb(187, 189, 199);
/* oklch */ color: oklch(80.0% 0.014 277.0);

Tailwind

colors: {
  custom: {
    50: '#cfd0d8',
    500: '#bbbdc7',
    950: '#000000',
  },
}

SCSS

$custom: #bbbdc7;
$custom-light: #cfd0d8;
$custom-dark: #000000;

JSON

{
  "hex": "#bbbdc7",
  "rgb": {
    "r": 187,
    "g": 189,
    "b": 199
  },
  "hsl": {
    "h": 230,
    "s": 9.677,
    "l": 75.686
  },
  "oklch": {
    "l": 0.79982,
    "c": 0.01419,
    "h": 277
  },
  "luminance": 0.51084
}

Semantic roles & 50–950 ramp

primary

#BBBDC7

secondary

#9A988C

accent

#895294

background

#FEFEFE

surface

#FBFBFB

border

#D4D4D4

text

#131414

muted

#838383

Preview Lab

Preview with #BBBDC7

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

Preview Lab → · Contrast checker → · Palette generator →