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.

カラー値

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

プロパティ

色彩心理学

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.

カラーハーモニー

色覚異常シミュレーション

CSS使用法

background-color: #7FFFD4;
color: #7FFFD4;
border-color: #7FFFD4;
最も近いTailwind: Emerald 300 #6EE7B7

Tailwindシェード

コントラストチェッカー

白背景のテキスト

1.22:1

AA Fail AAA Fail

黒背景のテキスト

17.16:1

AA Pass AAA Pass

比較する

関連記事

よくある質問

What are the RGB, HSL, and CMYK values of #7FFFD4?

RGB(127, 255, 212) · HSL(159.8, 100.0%, 74.9%) · CMYK(50.2%, 0.0%, 16.9%, 0.0%)

Does #7FFFD4 meet WCAG contrast on white?

1.22:1 — WCAG AA 不合格, AAA 不合格 for normal text.

What text color is readable on #7FFFD4?

Use 000000 text on a #7FFFD4 background; contrast on black is 17.16:1.