Skip to the color picker

Turquoise color: #40e0d0

Turquoise is #40e0d0, rgb(64, 224, 208) in RGB and oklch(82.233% 0.13074 185.089) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

174°
100%

82.2%
0.131
185°
  • Teal
  • Light
  • Vivid
  • Cool
  • teal-300
  • Black 12%

Inside sRGB: displays the same on any screen.

White text
1.64:1Hard to read
Lc -32
Black text
12.79:1Readable · AA
Lc 76

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Turquoise

Similar named colors

Questions about Turquoise

What is the hex code for Turquoise?

The hex code for Turquoise is #40e0d0. In RGB it is rgb(64, 224, 208), in HSL hsl(174, 72.07%, 56.47%) and in OKLCH oklch(82.233% 0.13074 185.089).

What colors go well with Turquoise?

Its complementary color is #ffa0b9. For a calmer look, pair it with the analogous colors #79de9f and #40dafa. Ready palettes with Turquoise are shown on this page.

Is Turquoise a warm or cool color?

Turquoise is a cool color with an OKLCH hue of 185 degrees.

What text color is readable on Turquoise?

Black text is more readable on Turquoise: white gives a contrast ratio of 1.64:1 and black gives 12.79:1. WCAG AA asks for at least 4.5:1 for body text.

About #40e0d0

#40e0d0 is a bright light teal color. In OKLCH it has 82.2% lightness, 0.131 chroma and a hue of 185°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.64:1 contrast and black text 12.79:1, so black text reads better.

The closest named color is Fresh Turquoise (#40e0d0). In Tailwind CSS the closest color is teal-300.

More light teal colors

Lighter: #40e0d0 mixed with white

  1. 40e0d0

Darker: #40e0d0 mixed with black

  1. 40e0d0

Calmer: #40e0d0 with less saturation

  1. 40e0d0

Similar named colors

  • Fresh Turquoise#40e0d0

Colors that go with #40e0d0

Complementary
#40e0d0
Analogous
#40e0d0
Triadic
#40e0d0
Split
#40e0d0