Saltar al contenido
Color Codes

Color CSS con nombre

Código de color OrangeRed

OrangeRed es un naranja de luminosidad media y intenso con el código hexadecimal #FF4500. En RGB es rgb(255, 69, 0), en HSL hsl(16, 100%, 50%) y en CMYK cmyk(0%, 73%, 100%, 0%).

OrangeRed
#FF4500

Valores del color

En CSS puedes escribirlo con la palabra clave orangered.

El texto blanco sobre OrangeRed tiene una relación de contraste de 3.44:1 y el texto negro de 6.10:1, así que el texto negro es la opción más legible.

El color de Tailwind CSS más cercano es Orange 600 (#EA580C).

Usar OrangeRed en CSS

.element {
  color: orangered;
  background-color: #ff4500;
  border-color: rgb(255, 69, 0);
}

Tonos claros y oscuros de OrangeRed

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con OrangeRed

Armonías de la rueda de color creadas a partir de #FF4500. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre OrangeRed

Aa
Texto blanco
3.44:1
AA · Texto grande
Aa
Texto negro
6.10:1
AA
Comprobar en el verificador de contraste

Colores parecidos a OrangeRed

Paletas con colores parecidos

Preguntas sobre OrangeRed

¿Cuál es el código hexadecimal de OrangeRed?

El código hexadecimal de OrangeRed es #FF4500. Su valor RGB es rgb(255, 69, 0) y su valor HSL es hsl(16, 100%, 50%).

¿Qué colores combinan con OrangeRed?

El color complementario de OrangeRed es #00BBFF. Para un esquema más suave prueba los colores análogos #FF003B y #FFC300; para un esquema equilibrado de tres colores usa los triádicos #00FF44 y #4400FF.

¿OrangeRed es legible como color de texto?

Sobre un fondo blanco, OrangeRed tiene una relación de contraste de 3.44:1, que no cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 6.10:1.

Más colores de la familia naranjas