Turquoise #40E0D0

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

Turquoise color codes

CSS nameturquoise
HEX#40E0D0
RGBrgb(64, 224, 208)
HSLhsl(174, 72%, 56%)
CMYKcmyk(71%, 0%, 7%, 12%)
Decimal4251856

Shades of Turquoise (darker)

#3ACABB · #33B3A6 · #2D9D92 · #26867D · #207068 · #1A5A53 · #13433E · #0D2D2A · #061615

Tints of Turquoise (lighter)

#53E3D5 · #66E6D9 · #79E9DE · #8CECE3 · #A0F0E8 · #B3F3EC · #C6F6F1 · #D9F9F6 · #ECFCFA

Color harmonies

Complementary
#E03E4E
Triadic
#CF3EE0, #E0CF3E
Analogous
#3EE07F, #3E9FE0

Accessibility (WCAG contrast)

White text on Turquoise1.64:1 · Fail
Black text on Turquoise12.79:1 · AAA

Use Turquoise in code

.element {
  color: turquoise;          /* or #40e0d0 */
  background-color: rgb(64 224 208 / 0.5);
}

Frequently asked questions

What is the hex code for Turquoise?

Turquoise is #40E0D0 in HEX, rgb(64, 224, 208) in RGB and hsl(174, 72%, 56%) in HSL.

Can I use "turquoise" directly in CSS?

Yes. "turquoise" is one of the 148 standard CSS named colors, so color: turquoise; works in every browser.

Is Turquoise readable on white?

The contrast ratio of Turquoise on white is 1.64:1 (WCAG Fail). On black it is 12.79:1 (AAA).

What is the complementary color of Turquoise?

The complementary color (opposite on the color wheel) is #E03E4E.

Similar colors

Medium Turquoise#48D1CCMedium Aquamarine#66CDAADark Turquoise#00CED1Light Sea Green#20B2AAAquamarine#7FFFD4Sky Blue#87CEEBLight Sky Blue#87CEFAAqua#00FFFF

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.