Aquamarine

aquamarine is a CSS color keyword. The closest Tailwind step is emerald-300 (#6ee7b7).

#7fffd4rgb(127, 255, 212)

Hex: #7fffd4
RGB: 127, 255, 212
HSL: 160°, 100%, 75%
OKLCH: 91.5% 0.130 169.0
LAB: 92.0 -45.5 9.7

Open #7fffd4 in the explorer

Text contrast

Black or white text on #7fffd4. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text17.2:1 AAAAPCA Lc 93

White text1.2:1 FailAPCA Lc -12

Color vision

How #7fffd4 looks in simulations of color blindness, at full severity.

Full color
#7fffd4

Protanopia
#f9f1d2

Deuteranopia
#e6e2d7

Tritanopia
#4cfff3

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to aquamarine.

50 100200300400500600700800900950

Copy into CSS

color: aquamarine;
background: #7fffd4;

@theme {
  --color-aquamarine-50: #dafff0;
  --color-aquamarine-100: #9effdc;
  --color-aquamarine-200: #6becc2;
  --color-aquamarine-300: #49cfa6;
  --color-aquamarine-400: #1db28a;
  --color-aquamarine-500: #00906e;
  --color-aquamarine-600: #007257;
  --color-aquamarine-700: #005843;
  --color-aquamarine-800: #00402f;
  --color-aquamarine-900: #00291d;
  --color-aquamarine-950: #00120b;
}