Skip to the color picker

#337a76 color: Zirconia Teal

#337a76 is rgb(51, 122, 118) in RGB and oklch(53.351% 0.07099 190.201) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

177°
100%

53.4%
0.071
190°
  • Teal
  • Medium
  • Soft
  • Dusty
  • Cool
  • ≈ Teal
  • teal-700
  • Black 52%

Inside sRGB: displays the same on any screen.

White text
5.02:1Readable · AA
Lc -80
Black text
4.19:1Hard to read
Lc 30

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

#337a76 is a dusty teal color. In OKLCH it has 53.4% lightness, 0.071 chroma and a hue of 190°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Zirconia Teal (#2c7c79). In Tailwind CSS the closest color is teal-700.

More medium teal colors

Lighter: #337a76 mixed with white

  1. 337a76
  2. 4a8783
  3. 5e9490
  4. 73a19d
  5. 86aeab
  6. 9abbb8
  7. aec8c6
  8. c2d6d4
  9. d6e3e2
  10. ebf1f0

Darker: #337a76 mixed with black

  1. 337a76
  2. 2b6966
  3. 235956
  4. 1c4947
  5. 143a38
  6. 0d2b29
  7. 071d1c
  8. 03100f
  9. 010505
  10. 000101

Calmer: #337a76 with less saturation

  1. 337a76
  2. 3c7975
  3. 437874
  4. 497673
  5. 507572
  6. 557471
  7. 5a7270
  8. 5f716f
  9. 64706f
  10. 686e6e

Questions about #337a76

What color is #337a76?

#337a76 is dusty teal. The closest named color is Zirconia Teal. In RGB it is rgb(51, 122, 118), in HSL hsl(176.62, 41.04%, 33.92%) and in OKLCH oklch(53.351% 0.07099 190.201).

What colors go well with #337a76?

The complementary color of #337a76 is #915b63. For a calmer combination use the analogous colors #457a5f and #377689. The triadic partners are #7a618c and #87663d.

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

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

Is #337a76 a warm or cool color?

#337a76 is a cool color. In OKLCH its hue is 190 degrees, its lightness 53.4% and its chroma 0.071.