Turquoise Color Hex Code, RGB & HSL Values

What is the meaning of the Turquoise color?

Turquoise is a bright, calming blue-green color named after the gemstone. It represents refreshing energy, tropical oceans, and healing, offering a bright accent for travel and health websites.

How to use the Turquoise color hex code in HTML & CSS?

Developers can invoke Turquoise color codes in stylesheets using color: #40E0D0;. For modern CSS frameworks, set it as a variable --color-turquoise: #40E0D0;, or implement it in Tailwind using bg-[#40E0D0].

What are the RGB and HSL codes of Turquoise?

The RGB breakdown for Turquoise is rgb(64, 224, 208). In HSL space, it translates to 174° hue, 72% saturation, and 56% lightness, rendering a highly vivid, intense, and brilliant shade.

CMYK print profiles for Turquoise color

For print design projects using CMYK ink models, Turquoise corresponds to Cyan: 71%, Magenta: 0%, Yellow: 7%, and Black: 12%. These neutral color boundaries serve as solid structural backgrounds, layouts, and typography grids.

Red Channel 64

Green Channel 224

Blue Channel 208

Luminance 0.590

⇄ Turquoise Color Space Conversions

Click to copy format

HEX Color Code #40E0D0

RGB (Red Green Blue) rgb(64, 224, 208)

HSL (Hue Sat Light) hsl(174°, 72%, 56%)

CMYK (Commercial Print) cmyk(71%, 0%, 7%, 12%)

HSV / HSB Values hsv(174°, 71%, 88%)

Decimal Color Code 4251856

CSS Custom Variable --color-hex: #40E0D0;

Tailwind CSS Utility bg-[#40E0D0]

CSS Named Color turquoise

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #40E0D0

Small body copy preview

Black Text on Background

Black text readability test with #40E0D0

Small body copy preview

◈ Complementary & Analogous Harmonies

Computed dynamically

▤ Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles

/* CSS Custom Properties for Turquoise */
--color-hex: #40E0D0;
--color-rgb: rgb(64, 224, 208);
--color-hsl: hsl(174deg, 72%, 56%);
--color-name: turquoise;

Aa Known Color Aliases

✦ Turquoise Color Meaning

In design psychology, Turquoise is classified as a cyan shade, inheriting its psychological associations. The cyan hue sits at the intersection of blue's calm reliability and green's vitality, creating a color that communicates both clarity and refreshment. It is strongly associated with clean water, fresh air, and modern technology. In printing, cyan is one of the four CMYK process colors, making it fundamental to all color reproduction. Technologically, cyan interfaces feel clean and futuristic, which is why it appears in HUD displays, medical equipment interfaces, and sci-fi aesthetics. Aqua and turquoise variations carry tropical connotations, evoking clear lagoons and vacation freshness. Brands use cyan to signal transparency, innovation, and environmental consciousness.

Emotions & Associations

CommunicationInnovationFreshnessCalm

Industries

EnvironmentalHealthcareTechnology