Skip to the color picker

#339f80 color: Gossamer

#339f80 is rgb(51, 159, 128) in RGB and oklch(63.323% 0.10822 169.993) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

163°
100%

63.3%
0.108
170°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Jade
  • teal-600
  • Black 38%

Inside sRGB: displays the same on any screen.

White text
3.28:1Hard to read
Lc -65
Black text
6.41:1Readable · AA
Lc 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 #339f80

#339f80 is a bright emerald color. In OKLCH it has 63.3% lightness, 0.108 chroma and a hue of 170°.

Inside sRGB: displays the same on any 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 Gossamer (#399f86). In Tailwind CSS the closest color is teal-600.

More medium emerald colors

Lighter: #339f80 mixed with white

  1. 339f80
  2. 4ea98c
  3. 65b298
  4. 7abca4
  5. 8ec5b1
  6. a1cfbe
  7. b4d8ca
  8. c7e2d7
  9. d9ece4
  10. ecf5f2

Darker: #339f80 mixed with black

  1. 339f80
  2. 2b8a6e
  3. 23755d
  4. 1c614d
  5. 144d3d
  6. 0d3b2e
  7. 07291f
  8. 031812
  9. 010906
  10. 000101

Calmer: #339f80 with less saturation

  1. 339f80
  2. 429d81
  3. 4e9b82
  4. 589983
  5. 619784
  6. 699585
  7. 709386
  8. 779187
  9. 7e8f88
  10. 848c89

Questions about #339f80

What color is #339f80?

#339f80 is bright emerald. The closest named color is Gossamer. In RGB it is rgb(51, 159, 128), in HSL hsl(162.78, 51.43%, 41.18%) and in OKLCH oklch(63.323% 0.10822 169.993).

What colors go well with #339f80?

The complementary color of #339f80 is #bb6e93. For a calmer combination use the analogous colors #669a5a and #009da4. The triadic partners are #897ec7 and #be754b.

Is white or black text more readable on #339f80?

Black text reads better on #339f80: white gives a contrast ratio of 3.28:1 and black gives 6.41:1. WCAG AA asks for at least 4.5:1 for body text.

Is #339f80 a warm or cool color?

#339f80 is a cool color. In OKLCH its hue is 170 degrees, its lightness 63.3% and its chroma 0.108.