Skip to the color picker
PickShade

#a2cfc8 color: Phosphorus

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

Read as HEX

171°
100%

OKLCH

82.1%
0.048
185°
  • ≈ Light blue
  • Teal
  • Light
  • Muted
  • Pastel
  • Cool
  • slate-300
  • Black 19%

Looks the same on every screen.

White text1.71:1 · Below AALc -34
Black text12.30:1 · AALc 73

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

#a2cfc8 is a pastel light teal color. In OKLCH it has 82.1% lightness, 0.048 chroma and a hue of 185°.

Looks the same on every screen.

White text on it reaches 1.71:1 contrast and black text 12.3:1, so black text reads better.

The closest named color is Phosphorus (#a5d0c6). In Tailwind CSS the closest color is slate-300.

More light teal colors

Lighter: #a2cfc8 mixed with white

  1. a2cfc8
  2. abd4cd
  3. b5d9d3
  4. beddd8
  5. c7e2de
  6. d1e7e3
  7. daece9
  8. e3f1ee
  9. ecf5f4
  10. f6faf9

Darker: #a2cfc8 mixed with black

  1. a2cfc8
  2. 8cb4ae
  3. 779994
  4. 637f7b
  5. 4f6763
  6. 3c4f4c
  7. 2a3836
  8. 192321
  9. 0a100f
  10. 010202

Calmer: #a2cfc8 with less saturation

  1. a2cfc8
  2. a6cec8
  3. a9cdc7
  4. adccc7
  5. b0cbc6
  6. b4cac6
  7. b7c9c6
  8. bbc7c5
  9. bec6c5
  10. c1c5c4