Código del color verde mar claro (#20b2aa)

Verde mar claro es #20b2aa en hexadecimal y rgb(32, 178, 170), un cian medio. Abajo encontrarás todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Verde mar claro
#20b2aa
Nombre CSSlightseagreen
Hex#20b2aa
RGBrgb(32, 178, 170)
HSLhsl(177 70% 41%)
HWBhwb(177 13% 30%)
CMYK82%, 0%, 4%, 30%

Tonos y sombras

Armonías de color

Acerca del verde mar claro

Verde mar claro (lightseagreen) es un cian medio y vivo con el código hexadecimal #20b2aa, o rgb(32, 178, 170). En HSL tiene un matiz de 177°, 70 % de saturación y 41 % de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: lightseagreen; en lugar del valor hexadecimal.

Uso del verde mar claro en texto y fondos

CombinaciónRelación de contrasteWCAG
Texto verde mar claro sobre blanco2.62 : 1no cumple
Texto verde mar claro sobre negro8.01 : 1AAA

Sobre un fondo verde mar claro, usa texto en negro (8.01 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: lightseagreen;               /* or #20b2aa */
  background-color: #20b2aa;
  border: 1px solid rgb(32 178 170 / 50%);
}

Colores con nombre similares

Turquesa oscuro (#00ced1), Cian oscuro (#008b8b), Turquesa medio (#48d1cc), Azul acero (#4682b4), Verde mar medio (#3cb371), Azul cadete (#5f9ea0).

Preguntas frecuentes

¿Cuál es el código hex del verde mar claro?
#20b2aa, que equivale a rgb(32, 178, 170) y hsl(177, 70%, 41%). En CSS también puedes escribir simplemente lightseagreen.
¿El texto verde mar claro es legible sobre blanco?
Su relación de contraste sobre blanco es 2.62 : 1, lo que no cumple WCAG. Úsalo para decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el verde mar claro?
Su color complementario es #b21f27; los colores análogos #1fb261 y #1f70b2 están junto a él en la rueda de color.