What is the hex code for Turquoise?

The hex code for Turquoise is #40E0D0. In RGB that is rgb(64, 224, 208), and in HSL it is hsl(174, 72%, 56%).

What RGB values make Turquoise?

Turquoise is 64 red, 224 green, and 208 blue, written as rgb(64, 224, 208).

Turquoise scores 1.64:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: turquoise directly in CSS, which every browser resolves to #40E0D0.

#40E0D0

Turquoise is a cyan tone at #40E0D0. It sits at 174 degrees on the color wheel with 72% saturation and 56% lightness.

Color values

Tints mix Turquoise with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#D9F9F6

Tint 60%

#B3F3EC

Tint 40%

#8CECE3

Tint 20%

#66E6D9

Base

#40E0D0

Shade 20%

#33B3A6

Shade 40%

#26867D

Shade 60%

#1A5A53

Shade 80%

#0D2D2A

On white

Sample text

1.64:1

Fails WCAG for text

On black

Sample text

12.79:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Turquoise?: The hex code for Turquoise is #40E0D0. In RGB that is rgb(64, 224, 208), and in HSL it is hsl(174, 72%, 56%).
What RGB values make Turquoise?: Turquoise is 64 red, 224 green, and 208 blue, written as rgb(64, 224, 208).
Is Turquoise readable as text on a white background?: Turquoise scores 1.64:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Turquoise a valid CSS color name?: Yes. You can write color: turquoise directly in CSS, which every browser resolves to #40E0D0.