Cyan Color Family

Medium Turquoise Color Hex Code, RGB & HSL Values

Browse all Cyan Colors

What is the meaning of the Medium Turquoise color?

Medium Turquoise is a bright, rich blue-green color. It represents tropical coral reefs, creative vitality, and summer adventure, serving as a brilliant accent in vacation design sites.

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

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

What are the RGB and HSL codes of Medium Turquoise?

The RGB breakdown for Medium Turquoise is rgb(72, 209, 204). In HSL space, it translates to 178° hue, 60% saturation, and 55% lightness, rendering a balanced, moderate saturation.

CMYK print profiles for Medium Turquoise color

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

Red Channel 72
Green Channel 209
Blue Channel 204
Luminance 0.513

Medium Turquoise Color Space Conversions

Click to copy format
HEX Color Code #48D1CC
RGB (Red Green Blue) rgb(72, 209, 204)
HSL (Hue Sat Light) hsl(178°, 60%, 55%)
CMYK (Commercial Print) cmyk(66%, 0%, 2%, 18%)
HSV / HSB Values hsv(178°, 66%, 82%)
Decimal Color Code 4772300
CSS Custom Variable --color-hex: #48D1CC;
Tailwind CSS Utility bg-[#48D1CC]
CSS Named Color mediumturquoise

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #48D1CC

Small body copy preview

Black Text on Background

Black text readability test with #48D1CC

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 Medium Turquoise */
--color-hex: #48D1CC;
--color-rgb: rgb(72, 209, 204);
--color-hsl: hsl(178deg, 60%, 55%);
--color-name: mediumturquoise;

Aa Known Color Aliases

Medium Turquoise mediumturquoise (CSS Identifier) Turquoise TealSoft TurquoiseMid Turquoise

Medium Turquoise Color Meaning

As a notable shade in the cyan spectrum, Medium Turquoise embodies the core psychological traits of the cyan color family. The cyan spectrum 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

FreshnessCommunicationCalmClarity

Industries

TechnologyCommunicationsTourism

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!