Skip to the color picker
PickShade

#309da0 color: Empress Envy

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

Read as HEX

182°
100%

OKLCH

63.8%
0.095
198°
  • ≈ Mint
  • Cyan
  • Medium
  • Vivid
  • Cool
  • teal-600
  • Black 37%

Looks the same on every screen.

White text3.25:1 · Below AALc -65
Black text6.46:1 · AALc 45

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 #309da0

#309da0 is a bright cyan color. In OKLCH it has 63.8% lightness, 0.095 chroma and a hue of 198°.

Looks the same on every screen.

White text on it reaches 3.25:1 contrast and black text 6.46:1, so black text reads better.

The closest named color is Empress Envy (#2a9ca0). In Tailwind CSS the closest color is teal-600.

More medium cyan colors

Lighter: #309da0 mixed with white

  1. 309da0
  2. 4ca7a9
  3. 64b0b2
  4. 79babc
  5. 8dc4c5
  6. a0cecf
  7. b3d8d8
  8. c6e1e2
  9. d9ebeb
  10. ecf5f5

Darker: #309da0 mixed with black

  1. 309da0
  2. 28888b
  3. 217376
  4. 1a5f61
  5. 134c4e
  6. 0c3a3b
  7. 062829
  8. 031819
  9. 010909
  10. 000101

Calmer: #309da0 with less saturation

  1. 309da0
  2. 409b9e
  3. 4d9a9c
  4. 57989a
  5. 609698
  6. 699596
  7. 719394
  8. 789192
  9. 7f8f8f
  10. 858d8d