Skip to the color picker
PickShade

#b7ccde color: Wondrous Blue

Every format, shade and contrast value for #b7ccde. Drag the picker to explore nearby colors.

Read as HEX

208°
100%

OKLCH

83.5%
0.034
244°
  • ≈ Light blue
  • Sky blue
  • Light
  • Muted
  • Pastel
  • Cool
  • slate-300
  • Black 13%

Looks the same on every screen.

White text1.65:1 · Below AALc -33
Black text12.71:1 · AALc 75

Shades

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

Harmonies

Open as palette

Recent

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

About #b7ccde

#b7ccde is a pastel light sky blue color. In OKLCH it has 83.5% lightness, 0.034 chroma and a hue of 244°.

Looks the same on every screen.

White text on it reaches 1.65:1 contrast and black text 12.71:1, so black text reads better.

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

More light sky blue colors

Lighter: #b7ccde mixed with white

  1. b7ccde
  2. bed1e1
  3. c5d6e5
  4. ccdbe8
  5. d3e0eb
  6. dbe5ef
  7. e2eaf2
  8. e9f0f5
  9. f0f5f8
  10. f8fafc

Darker: #b7ccde mixed with black

  1. b7ccde
  2. 9fb1c1
  3. 8797a5
  4. 707e89
  5. 5a656f
  6. 454e55
  7. 31373d
  8. 1e2226
  9. 0c0f12
  10. 020202

Calmer: #b7ccde with less saturation

  1. b7ccde
  2. b9ccdc
  3. bbcbda
  4. bccbd8
  5. becbd6
  6. c0cad3
  7. c2cad1
  8. c4cacf
  9. c5c9cd
  10. c7c9cb