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

Farbwerte

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

Eigenschaften

Kühl Hell Nächste: turquoise

Farbpsychologie

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.

Farbharmonien

Komplementär

#40E0D0

#E04050

Analog

#40E080

#40A0E0

#40E0D0

Triadisch

#40E0D0

#D040E0

#E0D040

Split-Komplementär

#40E0D0

#E040A0

#E08040

Tetradisch

#40E0D0

#8040E0

#E04050

#A0E040

Farbenblindheits-Simulation

Original

#40E0D0

Protanopie

#8587D4

Deuteranopie

#7C70D5

Tritanopie

#48D7D8

Achromatopsie

#BDBDBD

CSS-Verwendung

background-color: #40E0D0;
color: #40E0D0;
border-color: #40E0D0;
Nächster Tailwind-Farbton: Teal 300 #5EEAD4

Tailwind-Farbtöne

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

Kontrastprüfer

Text auf Weiß

1,64:1

AA Fail AAA Fail

Text auf Schwarz

12,79:1

AA Pass AAA Pass

Vergleichen mit

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

Teil dieser Kollektionen

Sommerpalette

Turquoise

Ähnliche Artikel

Markenstories

Tiffany-Blau: Wie eine Farbe zum eingetragenen Markenzeichen wurde

Jun 15, 2025

Häufig gestellte Fragen

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 Nicht bestanden, AAA Nicht bestanden for normal text.

What text color is readable on #40E0D0?

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