Skip to content

Turquoise#40E0D0 HEX Color

#40E0D0rgb(64, 224, 208)
#40E0D0 color swatch

About Turquoise

Turquoise (#40E0D0) is a cool, mid, vivid cyan tone with a hue of 174°, saturation of 72% and lightness of 56%. It works well for tech and wellness branding and conveys a refreshing feeling. On a white background it reaches a contrast ratio of 1.64:1, while on black it reaches 12.79:1 — so prefer black text when using #40E0D0 as a background.

Color Codes

HEX#40E0D0
RGBrgb(64, 224, 208)
HSLhsl(174°, 72%, 56%)
CMYKcmyk(71%, 0%, 7%, 12%)
CIELABLab(81.3, -44.1, -4)

Accessibility & Contrast

On white
1.64:1
AA Normalfails
AA Largefails
AAA Normalfails
AAA Largefails
On black
12.79:1
AA Normalpasses
AA Largepasses
AAA Normalpasses
AAA Largepasses

Recommendation: when using #40E0D0 as a background, use black text for the highest contrast.

Color Schemes

Tints & Shades

CSS Code Snippets

background-color: #40E0D0;
color: #40E0D0;
border: 2px solid #40E0D0;
background: linear-gradient(135deg, #40E0D0, #e04050);

Code Export

css
:root {
  --color-primary: #40e0d0;
  --color-primary-rgb: 64, 224, 208;
  --color-primary-hsl: 174, 72%, 56%;
}

Explore Color Tools

Related Tools

Related Combinations

Frequently Asked Questions

What is the name of color #40E0D0?

Color #40E0D0 is commonly known as Turquoise. It is a cool, mid, vivid cyan tone.

Is #40E0D0 a warm or cool color?

Turquoise (#40E0D0) is a cool color. With a hue of 174°, it falls in the cyan family.

What colors go well with #40E0D0?

Colors that pair well with Turquoise (#40E0D0) include its complementary color (#E04050), neutral whites and warm creams, and analogous cyan tones for harmonious palettes.