Aquamarine

Best set with black text. The pairing reaches 17.16:1 contrast and passes AAA for normal text.

Color values

copy exact values

HEX#7FFFD4sRGB hexadecimal

RGBrgb(127, 255, 212)screen channels

HSLhsl(160, 100%, 75%)hue, saturation, lightness

CMYKcmyk(50%, 0%, 17%, 0%)approximate process color

Tailwindemerald-300nearest palette utility, not an exact token

WCAG ratios

White textfails AA1.22:1

Black textAAA17.16:1

Recommendation

Use black text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.

generated in color space

Tonal ramp

#050505

#305145

#57A489

#7FFFD4

#AFFEE1

#D6FDED

#FAFAFA

Analogous

#7FFF94

#7FFFD4

#7FEAFF

Triadic

#7FFFD4

#D47FFF

#FFD47F

Complement

#7FFFD4

#FF7FAA

Lab distance · lower is closer

:root {
  --color-aquamarine: #7FFFD4;
}

.swatch {
  background: var(--color-aquamarine);
  color: #000000;
}

Hue168°

Lightness92 L*

Chroma46.6

Luminance0.808