Cyan Color Family

Aquamarine Color Hex Code, RGB & HSL Values

Browse all Cyan Colors

What is the meaning of the Aquamarine color?

Aquamarine is a bright, warm blue-green color resembling the precious sea gemstone. It represents sea energy, freshness, and healing, widely used in summer collections and resort branding.

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

Developers can invoke Aquamarine color codes in stylesheets using color: #7FFFD4;. For modern CSS frameworks, set it as a variable --color-aquamarine: #7FFFD4;, or implement it in Tailwind using bg-[#7FFFD4].

What are the RGB and HSL codes of Aquamarine?

The RGB breakdown for Aquamarine is rgb(127, 255, 212). In HSL space, it translates to 160° hue, 100% saturation, and 75% lightness, rendering a highly vivid, intense, and brilliant shade.

CMYK print profiles for Aquamarine color

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

Red Channel 127
Green Channel 255
Blue Channel 212
Luminance 0.808

Aquamarine Color Space Conversions

Click to copy format
HEX Color Code #7FFFD4
RGB (Red Green Blue) rgb(127, 255, 212)
HSL (Hue Sat Light) hsl(160°, 100%, 75%)
CMYK (Commercial Print) cmyk(50%, 0%, 17%, 0%)
HSV / HSB Values hsv(160°, 50%, 100%)
Decimal Color Code 8388564
CSS Custom Variable --color-hex: #7FFFD4;
Tailwind CSS Utility bg-[#7FFFD4]
CSS Named Color aquamarine

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #7FFFD4

Small body copy preview

Black Text on Background

Black text readability test with #7FFFD4

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 Aquamarine */
--color-hex: #7FFFD4;
--color-rgb: rgb(127, 255, 212);
--color-hsl: hsl(160deg, 100%, 75%);
--color-name: aquamarine;

Aa Known Color Aliases

Aquamarine aquamarine (CSS Identifier) Aquamarine GreenMint AquaAqua Green

Aquamarine Color Meaning

Representing the cyan color family, Aquamarine carries the intrinsic characteristics of this organic hue. This color group 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

CommunicationClarityFreshnessInnovation

Industries

CommunicationsTourismTechnology

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!