Light Sea Green colour code

Text contrast

With white: 2.62:1 · With black: 8.01:1

Normal text needs 4.5:1 for AA; large text needs 3:1.

Use Light Sea Green in CSS

Copy this background and text pairing into your stylesheet.

.colour-light-sea-green {
  background-color: #20B2AA;
  color: #000000;
}

Use the HEX value for a consistent digital reference. Descriptive colour names can vary between collections and are not always valid CSS keywords. This code does not identify a paint, fabric or print specification.

Using Light Sea Green

Try it in botanical illustrations, landscape palettes or project accents. Add text or icons when using it to communicate success.

This pairing uses #000000 text on #20B2AA. Results apply to solid colours; recheck contrast if you add transparency, imagery or effects.

Colour companions