Skip to the color picker
PickShade

#309ca2 color: Empress Envy

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

Read as HEX

183°
100%

OKLCH

63.6%
0.095
200°
  • ≈ Steel blue
  • Cyan
  • Medium
  • Vivid
  • Cool
  • teal-600
  • Black 36%

Looks the same on every screen.

White text3.28:1 · Below AALc -65
Black text6.40:1 · AALc 44

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

#309ca2 is a bright cyan color. In OKLCH it has 63.6% lightness, 0.095 chroma and a hue of 200°.

Looks the same on every screen.

White text on it reaches 3.28:1 contrast and black text 6.4: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: #309ca2 mixed with white

  1. 309ca2
  2. 4ca6ab
  3. 63b0b4
  4. 79babd
  5. 8dc3c6
  6. a0cdd0
  7. b3d7d9
  8. c6e1e2
  9. d9ebec
  10. ecf5f5

Darker: #309ca2 mixed with black

  1. 309ca2
  2. 28878c
  3. 217377
  4. 1a5f63
  5. 134c4f
  6. 0c393c
  7. 06282a
  8. 031819
  9. 01090a
  10. 000101

Calmer: #309ca2 with less saturation

  1. 309ca2
  2. 409aa0
  3. 4c999d
  4. 57979b
  5. 609699
  6. 699496
  7. 709294
  8. 779092
  9. 7e8f8f
  10. 858d8d