Skip to the color picker

#337f60 color: Trans Tasman

#337f60 is rgb(51, 127, 96) in RGB and oklch(53.99% 0.09027 163.614) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

156°
100%

54%
0.090
164°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Teal
  • emerald-700
  • Black 50%

Inside sRGB: displays the same on any screen.

White text
4.83:1Readable · AA
Lc -79
Black text
4.35: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 #337f60

#337f60 is a bright emerald color. In OKLCH it has 54% lightness, 0.09 chroma and a hue of 164°.

Inside sRGB: displays the same on any screen.

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

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

More medium emerald colors

Lighter: #337f60 mixed with white

  1. 337f60
  2. 4a8b6f
  3. 5f987e
  4. 73a48d
  5. 87b19d
  6. 9bbeac
  7. afcbbc
  8. c2d8cd
  9. d6e5dd
  10. ebf2ee

Darker: #337f60 mixed with black

  1. 337f60
  2. 2b6e52
  3. 235d45
  4. 1c4c38
  5. 143c2c
  6. 0d2d20
  7. 071f15
  8. 03110a
  9. 010603
  10. 000100

Calmer: #337f60 with less saturation

  1. 337f60
  2. 3c7e62
  3. 447c63
  4. 4a7a64
  5. 517966
  6. 567767
  7. 5c7669
  8. 61746a
  9. 66726c
  10. 6a706d

Questions about #337f60

What color is #337f60?

#337f60 is bright emerald. The closest named color is Trans Tasman. In RGB it is rgb(51, 127, 96), in HSL hsl(155.53, 42.7%, 34.9%) and in OKLCH oklch(53.99% 0.09027 163.614).

What colors go well with #337f60?

The complementary color of #337f60 is #93597c. For a calmer combination use the analogous colors #597a42 and #0b7f7e. The triadic partners are #6867a1 and #9a5c42.

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

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

Is #337f60 a warm or cool color?

#337f60 is a cool color. In OKLCH its hue is 164 degrees, its lightness 54% and its chroma 0.09.