turquoise

#40E0D0

CSS color

Overview

Turquoise is a bright blue-green, rgb(64, 224, 208) at hex #40E0D0, with green and blue both high and red low. It sits at 174 degrees on the hue wheel, well saturated and luminous, close to cyan but with a slightly greener bias. Named for the mineral gemstone, turquoise is one of the extended CSS3 named colors. Its cool, vivid character evokes clear tropical water, and it serves as a lively accent that reads fresher and softer than pure cyan while keeping high visibility. It anchors a small CSS family alongside darkturquoise, mediumturquoise, and paleturquoise, and its red complement places it in natural contrast with warm coral and salmon tones.

Turquoise (#40E0D0) is a vivid, clear blue-green CSS named colour, matching the brilliant colour of the turquoise gemstone — one of humanity's most valued ornamental stones, mined and traded since 5000 BCE. The perfect balance of blue and green, high saturation, and medium brightness make it one of the most universally appealing and distinctively recognisable colours. Turquoise carries rich cultural associations across Native American, Egyptian, Turkish, and Persian traditions as a stone of protection and beauty.

On this page

Color Values

HEX

#40E0D0

RGB

64, 224, 208

HSL

174.0, 72.1%, 56.5%

HSV

174.0, 71.4%, 87.8%

CMYK

71.4%, 0.0%, 7.1%, 12.2%

OKLCH

0.8223 0.1307 185.1

Properties

Cool Light Nearest: turquoise

Color Psychology

True cyan sits at the boundary of blue and green in the visible spectrum, projecting futurism, precision, and digital innovation. It is a primary color in CMYK printing and RGB displays, giving it a distinctly technological identity. Cyan suggests cutting-edge thinking and clear communication.

Design Usage

Medium cyan is a staple in tech branding, cloud computing services, and developer tools. It works well for interactive elements, link hover states, and data visualization highlights. Because cyan is highly saturated, use it as an accent rather than a dominant color to avoid visual strain.

Color Harmonies

Complementary

#40E0D0

#E04050

Analogous

#40E080

#40A0E0

#40E0D0

Triadic

#40E0D0

#D040E0

#E0D040

Split Complementary

#40E0D0

#E040A0

#E08040

Tetradic

#40E0D0

#8040E0

#E04050

#A0E040

Color Blindness Simulation

Original

#40E0D0

Protanopia

#8587D4

Deuteranopia

#7C70D5

Tritanopia

#48D7D8

Achromatopsia

#BDBDBD

CSS Usage

background-color: #40E0D0;
color: #40E0D0;
border-color: #40E0D0;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F3FCFB
100
#E2F8F6
200
#C2F5F0
300
#96EEE5
400
#5DE5D7
500
#24DBC9
600
#1CB0A1
700
#178C81
800
#126E65
900
#11504A
950
#0B322E

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.79:1

AA Pass AAA Pass

Compare With

#40E0D0
#E04050
#40E0D0
#FFFFFF
#000000
#40E0D0

Part of These Collections

Summer Palette

Turquoise

Related Articles

Brand Stories

Tiffany Blue: How One Color Became a Trademarked Icon

Jun 15, 2025

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #40E0D0?

RGB(64, 224, 208) · HSL(174.0, 72.1%, 56.5%) · CMYK(71.4%, 0.0%, 7.1%, 12.2%)

Does #40E0D0 meet WCAG contrast on white?

1.64:1 — WCAG AA Fail, AAA Fail for normal text.

What text color is readable on #40E0D0?

Use 000000 text on a #40E0D0 background; contrast on black is 12.79:1.