Skip to the color picker
PickShade

#97aea1 color: Phoenix Tears

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

Read as HEX

146°
100%

OKLCH

72.9%
0.032
161°
  • ≈ Dark gray
  • Emerald
  • Light
  • Muted
  • Dusty
  • Cool
  • mist-400
  • Black 32%

Looks the same on every screen.

White text2.36:1 · Below AALc -52
Black text8.88:1 · AALc 57

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 #97aea1

#97aea1 is a dusty light emerald color. In OKLCH it has 72.9% lightness, 0.032 chroma and a hue of 161°.

Looks the same on every screen.

White text on it reaches 2.36:1 contrast and black text 8.88:1, so black text reads better.

The closest named color is Phoenix Tears (#99b1a2). In Tailwind CSS the closest color is mist-400.

More light emerald colors

Lighter: #97aea1 mixed with white

  1. 97aea1
  2. a1b6aa
  3. abbeb3
  4. b5c6bc
  5. c0cec6
  6. cad6cf
  7. d4ded8
  8. dfe6e2
  9. eaeeec
  10. f4f7f5

Darker: #97aea1 mixed with black

  1. 97aea1
  2. 83978b
  3. 6f8076
  4. 5c6a62
  5. 49554e
  6. 37413c
  7. 262e2a
  8. 171c19
  9. 080b09
  10. 010101

Calmer: #97aea1 with less saturation

  1. 97aea1
  2. 99ada2
  3. 9aada2
  4. 9caca3
  5. 9eaba4
  6. 9faba4
  7. a1aaa5
  8. a3a9a5
  9. a4a9a6
  10. a6a8a7