Color Salmón: código #FA8072

Salmón

#FA8072

Códigos del color

  • HEX#FA8072
  • RGBrgb(250, 128, 114)
  • HSLhsl(6, 93%, 71%)
  • HSVhsv(6, 54%, 98%)
  • CMYKcmyk(0%, 49%, 54%, 2%)
  • LABlab(67.3% 45.2 29.1)
  • OKLCHoklch(73.5% 0.152 28.1)

Sobre el color Salmón

Salmón tiene el código HEX #FA8072, que corresponde a rgb(250, 128, 114) en el modelo RGB. En el círculo cromático, su tono está en 6°, con 93% de saturación y 71% de luminosidad (hsl(6, 93%, 71%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 8,39:1 sobre él, frente a 2,50:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 49%, 54%, 2%). 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 Salmón

Complementaria

#FA8072 · #70ECFA

Análoga

#FA70A7 · #FA8072 · #FAC370

Tríada

#FA8072 · #70FA7E · #7E70FA

Tetrádica

#FA8072 · #A7FA70 · #70ECFA · #C370FA

Complementaria dividida

#FA8072 · #70FAC3 · #70A7FA

Monocromática

#E21E08 · #F8523F · #FA8072 · #FDC1BA · #FFFFFF

Salmón con texto blanco y negro

Texto blanco Aa Bb Cc 123
2,50:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
8,39:1 · AAA

Prueba otras combinaciones en el verificador de contraste

La familia salmón en CSS

El salmón de esta página es el salmon de CSS, #FA8072 (rgb(250, 128, 114)): un rosa anaranjado inspirado en el color de la carne del pescado. CSS incluye además dos variantes útiles que mucha gente desconoce:

Si buscas la diferencia con el coral, la regla práctica es: el salmón tiene más azul en su RGB y por eso se ve más rosado; el coral tira hacia el naranja.

Percepción y usos

El salmón suele leerse como amable, cálido y relajado, un punto intermedio entre la dulzura del rosa y la energía del naranja. En moda masculina, la camisa salmón se ha vuelto un clásico de verano en muchos países, una forma de llevar color sin llamar demasiado la atención. En decoración aparece en habitaciones infantiles, cafeterías y pastelerías. En branding encaja con gastronomía, bienestar y productos para bebés. Como toda asociación cromática, cambia con la cultura: lo que parece fresco en un contexto puede parecer anticuado en otro.

En interfaces, el salmón es demasiado suave para alertas críticas, pero funciona en ilustraciones, avatares, etiquetas y fondos de tarjeta. En impresión, los rosas anaranjados suelen verse algo más apagados en papel no estucado que en pantalla, así que conviene pedir una prueba.

Combinaciones

Contraste y modo oscuro

#FA8072 tiene un contraste de 2,5:1 con el blanco, así que los botones salmón con texto blanco no cumplen WCAG. Elige texto oscuro (8,4:1 con negro) u oscurece el fondo hasta algo como #B5473A. En modo oscuro, el salmón original funciona bien como acento sobre fondos grafito, sin ajustes. Revisa todo en el verificador de contraste y comprueba cómo lo ven las personas con daltonismo en el simulador de daltonismo, ya que los tonos rosados y verdosos pueden confundirse.

Cómo usarlo en CSS

:root {
  --color-salmon: #FA8072;
  --color-salmon-rgb: 250, 128, 114;
}

.elemento {
  background-color: var(--color-salmon);
  color: #000000;
}

Colores parecidos

Usa Salmón en nuestras herramientas