Skip to the color picker

#337f66 color: Trans Tasman

#337f66 is rgb(51, 127, 102) in RGB and oklch(54.157% 0.08531 168.488) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

160°
100%

54.2%
0.085
168°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Teal
  • teal-700
  • Black 50%

Inside sRGB: displays the same on any screen.

White text
4.81:1Readable · AA
Lc -79
Black text
4.37:1Hard to read
Lc 31

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 #337f66

#337f66 is a bright emerald color. In OKLCH it has 54.2% lightness, 0.085 chroma and a hue of 168°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Trans Tasman (#307d67). In Tailwind CSS the closest color is teal-700.

More medium emerald colors

Lighter: #337f66 mixed with white

  1. 337f66
  2. 4a8b74
  3. 5f9883
  4. 73a491
  5. 87b1a0
  6. 9bbeaf
  7. afcbbf
  8. c2d8cf
  9. d6e5df
  10. ebf2ef

Darker: #337f66 mixed with black

  1. 337f66
  2. 2b6e58
  3. 235d4a
  4. 1c4c3c
  5. 143c2f
  6. 0d2d23
  7. 071f17
  8. 03110c
  9. 010604
  10. 000100

Calmer: #337f66 with less saturation

  1. 337f66
  2. 3c7e67
  3. 447c68
  4. 4b7b69
  5. 51796a
  6. 57776b
  7. 5c766b
  8. 61746c
  9. 66726d
  10. 6b716e

Questions about #337f66

What color is #337f66?

#337f66 is bright emerald. The closest named color is Trans Tasman. In RGB it is rgb(51, 127, 102), in HSL hsl(160.26, 42.7%, 34.9%) and in OKLCH oklch(54.157% 0.08531 168.488).

What colors go well with #337f66?

The complementary color of #337f66 is #945a77. For a calmer combination use the analogous colors #557b4a and #1b7e81. The triadic partners are #6d679e and #975f41.

Is white or black text more readable on #337f66?

White text reads better on #337f66: white gives a contrast ratio of 4.81:1 and black gives 4.37:1. WCAG AA asks for at least 4.5:1 for body text.

Is #337f66 a warm or cool color?

#337f66 is a cool color. In OKLCH its hue is 168 degrees, its lightness 54.2% and its chroma 0.085.