Skip to the color picker

#9ca8ab color: Mission Bay Blue

#9ca8ab is rgb(156, 168, 171) in RGB and oklch(72.302% 0.01427 214.384) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

192°
100%

72.3%
0.014
214°
  • Gray
  • Light
  • Muted
  • Neutral
  • ≈ Dark gray
  • mist-400
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
2.44:1Hard to read
Lc -53
Black text
8.60:1Readable · AA
Lc 56

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #9ca8ab

#9ca8ab is a light gray color. In OKLCH it has 72.3% lightness, 0.014 chroma and a hue of 214°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.44:1 contrast and black text 8.6:1, so black text reads better.

The closest named color is Mission Bay Blue (#9ba9ab). In Tailwind CSS the closest color is mist-400.

More light gray colors

Lighter: #9ca8ab mixed with white

  1. 9ca8ab

Darker: #9ca8ab mixed with black

  1. 9ca8ab

Calmer: #9ca8ab with less saturation

  1. 9ca8ab

Similar named colors

Colors that go with #9ca8ab

Complementary
#9ca8ab
Analogous
#9ca8ab
Triadic
#9ca8ab
Split
#9ca8ab

Questions about #9ca8ab

What color is #9ca8ab?

#9ca8ab is light gray. The closest named color is Mission Bay Blue. In RGB it is rgb(156, 168, 171), in HSL hsl(192, 8.2%, 64.12%) and in OKLCH oklch(72.302% 0.01427 214.384).

What colors go well with #9ca8ab?

The complementary color of #9ca8ab is #aea3a0. For a calmer combination use the analogous colors #9ca9a6 and #9ea7ae. The triadic partners are #aba2a9 and #a8a69c.

Is white or black text more readable on #9ca8ab?

Black text reads better on #9ca8ab: white gives a contrast ratio of 2.44:1 and black gives 8.6:1. WCAG AA asks for at least 4.5:1 for body text.

Is #9ca8ab a warm or cool color?

#9ca8ab is a neutral color. In OKLCH its hue is 214 degrees, its lightness 72.3% and its chroma 0.014.