Skip to the color picker

#36a2ae color: Teal Essence

#36a2ae is rgb(54, 162, 174) in RGB and oklch(65.697% 0.09673 205.728) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

186°
100%

65.7%
0.097
206°
  • Cyan
  • Medium
  • Vivid
  • Cool
  • ≈ Mint
  • cyan-600
  • Black 32%

Inside sRGB: displays the same on any screen.

White text
3.03:1Hard to read
Lc -62
Black text
6.94:1Readable · AA
Lc 47

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 #36a2ae

#36a2ae is a bright cyan color. In OKLCH it has 65.7% lightness, 0.097 chroma and a hue of 206°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.03:1 contrast and black text 6.94:1, so black text reads better.

The closest named color is Teal Essence (#3da3ae). In Tailwind CSS the closest color is cyan-600.

More medium cyan colors

Lighter: #36a2ae mixed with white

  1. 36a2ae
  2. 51abb6
  3. 68b5be
  4. 7cbec6
  5. 90c7ce
  6. a3d0d6
  7. b5dade
  8. c8e3e6
  9. daecef
  10. edf6f7

Darker: #36a2ae mixed with black

  1. 36a2ae
  2. 2e8c97
  3. 257780
  4. 1e636a
  5. 164f55
  6. 0f3c41
  7. 082a2e
  8. 03191c
  9. 010a0b
  10. 000101

Calmer: #36a2ae with less saturation

  1. 36a2ae
  2. 45a1ab
  3. 529fa8
  4. 5c9da5
  5. 669ca3
  6. 6e9aa0
  7. 76989d
  8. 7d979a
  9. 849597
  10. 8b9394

Questions about #36a2ae

What color is #36a2ae?

#36a2ae is bright cyan. The closest named color is Teal Essence. In RGB it is rgb(54, 162, 174), in HSL hsl(186, 52.63%, 44.71%) and in OKLCH oklch(65.697% 0.09673 205.728).

What colors go well with #36a2ae?

The complementary color of #36a2ae is #c67972. For a calmer combination use the analogous colors #44a58f and #509ac4. The triadic partners are #b07cb1 and #ac8d47.

Is white or black text more readable on #36a2ae?

Black text reads better on #36a2ae: white gives a contrast ratio of 3.03:1 and black gives 6.94:1. WCAG AA asks for at least 4.5:1 for body text.

Is #36a2ae a warm or cool color?

#36a2ae is a cool color. In OKLCH its hue is 206 degrees, its lightness 65.7% and its chroma 0.097.