Skip to the color picker
PickShade

#339e80 color: Gossamer

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

Read as HEX

163°
100%

OKLCH

63.1%
0.107
171°
  • ≈ Jade
  • Emerald
  • Medium
  • Vivid
  • Cool
  • teal-600
  • Black 38%

Looks the same on every screen.

White text3.31:1 · Below AALc -66
Black text6.34: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 #339e80

#339e80 is a bright emerald color. In OKLCH it has 63.1% lightness, 0.107 chroma and a hue of 171°.

Looks the same on every screen.

White text on it reaches 3.31:1 contrast and black text 6.34:1, so white text reads better.

The closest named color is Gossamer (#399f86). In Tailwind CSS the closest color is teal-600.

More medium emerald colors

Lighter: #339e80 mixed with white

  1. 339e80
  2. 4ea88c
  3. 65b198
  4. 7abba4
  5. 8dc5b1
  6. a1cebe
  7. b4d8ca
  8. c7e2d7
  9. d9ebe4
  10. ecf5f2

Darker: #339e80 mixed with black

  1. 339e80
  2. 2b896e
  3. 23745d
  4. 1c604d
  5. 144d3d
  6. 0d3a2e
  7. 07291f
  8. 031812
  9. 010906
  10. 000101

Calmer: #339e80 with less saturation

  1. 339e80
  2. 429c81
  3. 4d9a82
  4. 579883
  5. 609684
  6. 689485
  7. 709286
  8. 779086
  9. 7d8e87
  10. 838b88