Skip to the color picker

#bcc3bd color: Rock Solid

#bcc3bd is rgb(188, 195, 189) in RGB and oklch(80.996% 0.01132 149.825) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

129°
100%

81%
0.011
150°
  • Gray
  • Light
  • Muted
  • Neutral
  • ≈ Silver
  • mauve-300
  • Black 24%

Inside sRGB: displays the same on any screen.

White text
1.80:1Hard to read
Lc -37
Black text
11.68:1Readable · AA
Lc 70

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 #bcc3bd

#bcc3bd is a light gray color. In OKLCH it has 81% lightness, 0.011 chroma and a hue of 150°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.8:1 contrast and black text 11.68:1, so black text reads better.

The closest named color is Rock Solid (#bdc2bd). In Tailwind CSS the closest color is mauve-300.

More light gray colors

Lighter: #bcc3bd mixed with white

Darker: #bcc3bd mixed with black

Calmer: #bcc3bd with less saturation

Similar named colors

Colors that go with #bcc3bd

Complementary
Analogous
Triadic
Split

Questions about #bcc3bd

What color is #bcc3bd?

#bcc3bd is light gray. The closest named color is Rock Solid. In RGB it is rgb(188, 195, 189), in HSL hsl(128.57, 5.51%, 75.1%) and in OKLCH oklch(80.996% 0.01132 149.825).

What colors go well with #bcc3bd?

The complementary color of #bcc3bd is #c5bec4. For a calmer combination use the analogous colors #c0c2ba and #bac3c1. The triadic partners are #bec1c8 and #c8bebd.

Is white or black text more readable on #bcc3bd?

Black text reads better on #bcc3bd: white gives a contrast ratio of 1.8:1 and black gives 11.68:1. WCAG AA asks for at least 4.5:1 for body text.

Is #bcc3bd a warm or cool color?

#bcc3bd is a neutral color. In OKLCH its hue is 150 degrees, its lightness 81% and its chroma 0.011.