Skip to the color picker

#bcc5d3 color: Blue Bayou

#bcc5d3 is rgb(188, 197, 211) in RGB and oklch(82.076% 0.02201 259.192) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

217°
100%

82.1%
0.022
259°
  • Blue
  • Light
  • Muted
  • Cool
  • ≈ Silver
  • slate-300
  • Black 17%

Inside sRGB: displays the same on any screen.

White text
1.74:1Hard to read
Lc -36
Black text
12.07:1Readable · AA
Lc 72

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

#bcc5d3 is a muted light blue color. In OKLCH it has 82.1% lightness, 0.022 chroma and a hue of 259°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.74:1 contrast and black text 12.07:1, so black text reads better.

The closest named color is Blue Bayou (#bec4d3). In Tailwind CSS the closest color is slate-300.

More light blue colors

Lighter: #bcc5d3 mixed with white

Darker: #bcc5d3 mixed with black

Calmer: #bcc5d3 with less saturation

Similar named colors

Colors that go with #bcc5d3

Complementary
Analogous
Triadic
Split

Questions about #bcc5d3

What color is #bcc5d3?

#bcc5d3 is muted light blue. The closest named color is Blue Bayou. In RGB it is rgb(188, 197, 211), in HSL hsl(216.52, 20.72%, 78.24%) and in OKLCH oklch(82.076% 0.02201 259.192).

What colors go well with #bcc5d3?

The complementary color of #bcc5d3 is #ccc3b5. For a calmer combination use the analogous colors #b7c7d0 and #c3c2d2. The triadic partners are #d2bfbf and #bdc8bb.

Is white or black text more readable on #bcc5d3?

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

Is #bcc5d3 a warm or cool color?

#bcc5d3 is a cool color. In OKLCH its hue is 259 degrees, its lightness 82.1% and its chroma 0.022.