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

Source: https://pickshade.com/color/bcc5d3

## Formats

| Format | Value |
| --- | --- |
| HEX | #bcc5d3 |
| RGB | rgb(188, 197, 211) |
| HSL | hsl(216.52, 20.72%, 78.24%) |
| HSB / HSV | hsv(216.52 10.9% 82.75%) |
| HWB | hwb(216.52 73.73% 17.25%) |
| CMYK | cmyk(11% 7% 0% 17%) |
| Lab | lab(79.14 -1.14 -8.14) |
| LCH | lch(79.14 8.22 262.06) |
| OKLab | oklab(82.076% -0.00413 -0.02162) |
| OKLCH | oklch(82.076% 0.02201 259.192) |
| Display P3 | color(display-p3 0.74368 0.77141 0.82219) |
| Rec. 2020 | color(rec2020 0.72512 0.74452 0.80048) |
| Adobe RGB | color(a98-rgb 0.74193 0.76721 0.82071) |
| ProPhoto RGB | color(prophoto-rgb 0.71163 0.72137 0.77902) |
| Linear sRGB | color(srgb-linear 0.50289 0.55834 0.65141) |
| XYZ D65 | color(xyz-d65 0.52461 0.55327 0.69545) |
| XYZ D50 | color(xyz-d50 0.52754 0.55164 0.52637) |
| SwiftUI | Color(red: 0.737, green: 0.773, blue: 0.827) |
| UIKit | UIColor(red: 0.737, green: 0.773, blue: 0.827, alpha: 1) |
| Flutter / Compose | Color(0xFFBCC5D3) |
| Android XML | #BCC5D3 |

## Facts

- Closest name: Blue Bayou
- Hue family: Blue, muted light blue
- Closest Tailwind class: slate-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.74:1
- Contrast with black: 12.07:1

## Tints

#bcc5d3, #c3cbd7, #c9d0dc, #d0d6e0, #d6dce4, #dde2e9, #e4e7ed, #ebedf2, #f1f3f6, #f8f9fb

## Shades

#bcc5d3, #a3abb7, #8b929c, #737982, #5d6169, #474b51, #32353a, #1f2124, #0d0e10, #020202

## Tones

#bcc5d3, #bdc5d2, #bec5d0, #bec5cf, #bfc5cd, #c0c5cc, #c1c5ca, #c2c4c9, #c3c4c7, #c3c4c6

## Harmonies

- Complementary: #bcc5d3, #ccc3b5
- Split: #bcc5d3, #d1c1b8, #c5c6b6
- Analogous: #bcc5d3, #b7c7d0, #c3c2d2
- Triadic: #bcc5d3, #d2bfbf, #bdc8bb
- Tetradic: #bcc5d3, #cbc0ce, #ccc3b5, #bdc8bb
- Square: #bcc5d3, #d0bfc6, #ccc3b5, #b7c9c2
- Monochromatic: #bcc5d3, #737b88, #979fad, #e3ecfb, #ecf6ff

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