Skip to the color picker
PickShade

#bafaff color: Friendly Frost

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

Read as HEX

184°
100%

OKLCH

94.4%
0.064
202°
  • ≈ Electric blue
  • Cyan
  • Very light
  • Soft
  • Pastel
  • Cool
  • cyan-100
  • Black 0%

Looks the same on every screen.

White text1.15:1 · Below AALc -8
Black text18.21:1 · AALc 96

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

#bafaff is a pastel very light cyan color. In OKLCH it has 94.4% lightness, 0.064 chroma and a hue of 202°.

Looks the same on every screen.

White text on it reaches 1.15:1 contrast and black text 18.21:1, so black text reads better.

The closest named color is Friendly Frost (#bffbff). In Tailwind CSS the closest color is cyan-100.

More very light cyan colors

Lighter: #bafaff mixed with white

  1. bafaff
  2. c2fbff
  3. c9fbff
  4. d0fcff
  5. d7fcff
  6. defdff
  7. e5fdff
  8. ebfeff
  9. f2feff
  10. f9ffff

Darker: #bafaff mixed with black

  1. bafaff
  2. a1d9de
  3. 89babe
  4. 729b9e
  5. 5c7d80
  6. 466163
  7. 324648
  8. 1e2d2e
  9. 0d1516
  10. 020303

Calmer: #bafaff with less saturation

  1. bafaff
  2. c0f9fd
  3. c5f7fb
  4. cbf6f9
  5. d0f5f8
  6. d5f3f6
  7. daf2f4
  8. def1f2
  9. e3eff0
  10. e8eeee