Código de color Salmón claro (#ffa07a)

Salmón claro es #ffa07a en hex y rgb(255, 160, 122), un naranja claro. Abajo encontrarás cada formato de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Salmón claro
#ffa07a
Nombre CSSlightsalmon
Hex#ffa07a
RGBrgb(255, 160, 122)
HSLhsl(17 100% 74%)
HWBhwb(17 48% 0%)
CMYK0%, 37%, 52%, 0%

Tintes y sombras

Armonías de color

Acerca de Salmón claro

Salmón claro (lightsalmon) es un naranja claro y vívido con el código hex #ffa07a, o rgb(255, 160, 122). En HSL tiene un tono de 17°, 100% de saturación y 74% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: lightsalmon; en lugar del valor hex.

Uso de Salmón claro en texto y fondos

CombinaciónRelación de contrasteWCAG
Texto Salmón claro sobre blanco1.99 : 1no cumple
Texto Salmón claro sobre negro10.56 : 1AAA

Sobre un fondo salmón claro, usa texto en negro (10.56 : 1). WCAG pide al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: lightsalmon;               /* or #ffa07a */
  background-color: #ffa07a;
  border: 1px solid rgb(255 160 122 / 50%);
}

Colores con nombre similares

Salmón oscuro (#e9967a), Marrón arenoso (#f4a460), Salmón (#fa8072), Coral claro (#f08080), Madera clara (#deb887), Bronceado (#d2b48c).

Preguntas frecuentes

¿Cuál es el código hex del salmón claro?
#ffa07a, que equivale a rgb(255, 160, 122) y hsl(17, 100%, 74%). En CSS también puedes escribir simplemente lightsalmon.
¿El texto salmón claro es legible sobre blanco?
Su relación de contraste sobre blanco es de 1.99 : 1, lo que no cumple WCAG. Úsalo para decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el salmón claro?
Su color complementario es #7ad9ff; los colores análogos #ff7a97 y #ffe27a quedan junto a él en la rueda de color.