Skip to the color picker
PickShade

#339ca1 color: Empress Envy

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

Read as HEX

183°
100%

OKLCH

63.6%
0.093
200°
  • ≈ Slate
  • Cyan
  • Medium
  • Vivid
  • Cool
  • teal-600
  • Black 37%

Looks the same on every screen.

White text3.28:1 · Below AALc -65
Black text6.41: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 #339ca1

#339ca1 is a bright cyan color. In OKLCH it has 63.6% lightness, 0.093 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.41: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: #339ca1 mixed with white

  1. 339ca1
  2. 4ea6aa
  3. 65b0b3
  4. 7ab9bd
  5. 8dc3c6
  6. a1cdcf
  7. b4d7d9
  8. c7e1e2
  9. d9ebec
  10. ecf5f5

Darker: #339ca1 mixed with black

  1. 339ca1
  2. 2b878b
  3. 237376
  4. 1c5f62
  5. 144c4e
  6. 0d393c
  7. 07282a
  8. 031819
  9. 010909
  10. 000101

Calmer: #339ca1 with less saturation

  1. 339ca1
  2. 429a9f
  3. 4e999d
  4. 58979a
  5. 619698
  6. 699496
  7. 719294
  8. 789192
  9. 7f8f8f
  10. 858d8d