Mediumaquamarine

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

#66cdaargb(102, 205, 170)
Hex
#66cdaa
RGB
102, 205, 170
HSL
160°, 51%, 60%
OKLCH
77.7% 0.110 168.8
LAB
75.7 -38.3 8.3

Open #66cdaa in the explorer

Text contrast

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

Black text10.9:1 AAAAPCA Lc 69
White text1.9:1 FailAPCA Lc -39

Color vision

How #66cdaa looks in simulations of color blindness, at full severity.

Full color
#66cdaa
Protanopia
#c8c1a8
Deuteranopia
#b9b6ac
Tritanopia
#3ecec3

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: mediumaquamarine;
background: #66cdaa;
@theme {
  --color-mediumaquamarine-50: #dafff0;
  --color-mediumaquamarine-100: #9effdc;
  --color-mediumaquamarine-200: #82e8c4;
  --color-mediumaquamarine-300: #64cba8;
  --color-mediumaquamarine-400: #44ae8c;
  --color-mediumaquamarine-500: #1a8f6f;
  --color-mediumaquamarine-600: #007256;
  --color-mediumaquamarine-700: #005842;
  --color-mediumaquamarine-800: #00402f;
  --color-mediumaquamarine-900: #00291d;
  --color-mediumaquamarine-950: #00120b;
}