Color Verde azulado: código #008080

Verde azulado

#008080

Códigos del color

  • HEX#008080
  • RGBrgb(0, 128, 128)
  • HSLhsl(180, 100%, 25%)
  • HSVhsv(180, 100%, 50%)
  • CMYKcmyk(100%, 0%, 0%, 50%)
  • LABlab(48.3% -28.9 -8.5)
  • OKLCHoklch(54.3% 0.093 194.8)

Sobre el color Verde azulado

Verde azulado tiene el código HEX #008080, que corresponde a rgb(0, 128, 128) en el modelo RGB. En el círculo cromático, su tono está en 180°, con 100% de saturación y 25% de luminosidad (hsl(180, 100%, 25%)).

Por su tono se percibe como un color frío: suele transmitir calma y distancia y «retrocede» visualmente en la composición.

Como fondo pide texto claro: el blanco alcanza un contraste de 4,77:1 sobre él, frente a 4,39:1 del negro.

Para impresión, la conversión aproximada es cmyk(100%, 0%, 0%, 50%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Verde azulado

Complementaria

#008080 · #800000

Análoga

#008040 · #008080 · #004080

Tríada

#008080 · #800080 · #808000

Tetrádica

#008080 · #400080 · #800000 · #408000

Complementaria dividida

#008080 · #800040 · #804000

Monocromática

#000000 · #004D4D · #008080 · #00CCCC · #1AFFFF

Verde azulado con texto blanco y negro

Texto blanco Aa Bb Cc 123
4,77:1 · AA
Texto negro Aa Bb Cc 123
4,39:1 · solo texto grande

Prueba otras combinaciones en el verificador de contraste

¿Verde azulado, teal o azul petróleo?

El #008080 es el “teal” de CSS: verde y azul a media intensidad, sin nada de rojo. En español se le dice verde azulado, aunque en tiendas y catálogos también aparece como azul petróleo o directamente “teal”, y esa mezcla de nombres complica pedir pintura, tela o impresión. Esta tabla separa los tres tonos que más se confunden:

ColorHEXCómo se comporta
Verde azulado#008080Equilibrio exacto entre verde y azul, luminosidad media.
Azul petróleo#005F6AMás oscuro y azulado, casi sobrio.
Turquesa#40E0D0Misma familia, mucho más clara y luminosa.

Si solo tienes una foto o captura, obtén el código exacto con el cuentagotas de imagen antes de hacer el pedido.

Dónde funciona bien

Branding e interfaces

El verde azulado transmite confianza sin la frialdad del azul marino, por eso aparece en marcas de salud, finanzas personales y tecnología. En una interfaz funciona como color primario de botones y enlaces, siempre que cuides el contraste (lo verás abajo).

Moda y decoración

En ropa es un tono para todo el año: un vestido o un saco verde azulado sirve tanto en verano como en otoño. En casa luce en terciopelo, azulejos y paredes de acento, sobre todo junto a madera cálida y metales dorados.

Combinaciones que funcionan

Contraste e impresión

El #008080 está justo en el límite: el texto blanco alcanza cerca de 4,8:1 y el negro cerca de 4,4:1. Es decir, el blanco cumple el mínimo WCAG AA de 4,5:1 para texto normal y el negro no. Para etiquetas pequeñas, elige blanco u oscurece un poco el fondo.

Una conversión directa a CMYK da algo como C100 M0 Y0 K50, pero el impreso suele verse más apagado que en pantalla. Pide una prueba de color y revisa la guía RGB vs CMYK antes de enviar a imprenta.

Cómo usarlo en CSS

:root {
  --color-teal: #008080;
  --color-teal-rgb: 0, 128, 128;
}

.elemento {
  background-color: var(--color-teal);
  color: #FFFFFF;
}

Colores parecidos

Usa Verde azulado en nuestras herramientas