aquamarine

#7FFFD4

CSS color

Aquamarine (#7FFFD4) is a vivid blue-green that evokes tropical shallow water and gemstones of the same name. This CSS named color is bright and energetic, sitting precisely between cyan and green on the spectrum. It suggests freshness and clarity, commonly used in swimwear brands, spa aesthetics, and tech products aiming for a modern, clean feel.

Color Values

HEX

#7FFFD4

RGB

127, 255, 212

HSL

159.8, 100.0%, 74.9%

HSV

159.8, 50.2%, 100.0%

CMYK

50.2%, 0.0%, 16.9%, 0.0%

OKLCH

0.915 0.1304 169.0

Properties

Color Psychology

Light greens evoke tranquility, health, and natural balance. They are the most restful colors for the human eye, requiring no focal adjustment, which is why hospitals and spas favor them. Pastel greens reduce anxiety and symbolize safety and permission across cultures.

Design Usage

Soft greens are the standard for success messages, positive status indicators, and health-related interfaces. They create calming background tones for dashboards and data-heavy applications. Combine them with white and medium gray for a clinical, trustworthy appearance in medical or fintech apps.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #7FFFD4;
color: #7FFFD4;
border-color: #7FFFD4;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.16:1

AA Pass AAA Pass

Compare With

Related Articles