Cyan color

Turquoise #40E0D0

#40E0D0 · rgb(64, 224, 208)

Turquoise is the color #40E0D0. In RGB it is rgb(64, 224, 208) — 25% red, 88% green and 82% blue. Its CMYK breakdown is 71% cyan, 0% magenta, 7% yellow and 12% black, and in HSL it sits at 174° hue, 72% saturation and 56% lightness. Turquoise is one of the 140 standard CSS / HTML color names, so color: turquoise works in CSS. The closest web-safe color is #33CCCC.

Open in color picker Convert Make a palette Check contrast

Turquoise color codes

Hex#40E0D0

RGBrgb(64, 224, 208)

RGB %25%, 88%, 82%

HSLhsl(174, 72%, 56%)

HSV / HSBhsv(174, 71%, 88%)

CMYKcmyk(71%, 0%, 7%, 12%)

OKLCHoklch(82% 0.131 185)

Closest web-safe#33CCCC

Turquoise color meaning

Turquoise is a bold and energetic cyan — a cool color at 56% lightness and 72% saturation. Like other cyans, it is linked with freshness, calm and clarity. It recalls water and clear skies, and feels clean, cool and modern.

Because it is bold and energetic, turquoise works best for logos, buttons, highlights, sports kit and anything that should grab attention. As text on white it would be too faint (1.6:1), so use it for fills and backgrounds and put black text on top (12.8:1).

What colors go with Turquoise?

Turquoise pairs well with Vermilion, Malachite, Dusty Blue and Charcoal: Vermilion sits close to its opposite on the color wheel for strong contrast, Malachite and Dusty Blue are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

Build a full scheme around turquoise in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Turquoise at a glance

Color family	Cyan · cool, bold and energetic
CSS color name	Yes — `turquoise` works in CSS
As text on white	1.64:1 — not readable as text
Best text on it	Black (12.79:1)
For print (CMYK)	71% cyan, 0% magenta, 7% yellow, 12% black
Full screen	Open the turquoise screen — fill your display or download it in 4K

Contrast

Contrast ratio of Turquoise against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 1.64:1 Black text — 12.79:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Turquoise

Turquoise color FAQ

What is the hex code for Turquoise?

Turquoise is #40E0D0, which is rgb(64, 224, 208) and hsl(174, 72%, 56%). For print it is roughly C71 M0 Y7 K12.

What colors go with Turquoise?

Turquoise pairs well with Vermilion, Malachite, Dusty Blue, Charcoal. Vermilion gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Turquoise a warm or cool color?

Turquoise is a cool color: its hue is 174°, on the green, blue and violet side of the color wheel.

What text color looks best on Turquoise?

Black text, with a contrast ratio of 12.8:1, which meets WCAG AA for normal text.