Saltar al contenido
Color Codes

Color CSS con nombre

Código de color SandyBrown

SandyBrown es un naranja claro y intenso con el código hexadecimal #F4A460. En RGB es rgb(244, 164, 96), en HSL hsl(28, 87%, 67%) y en CMYK cmyk(0%, 33%, 61%, 4%).

SandyBrown
#F4A460

Valores del color

En CSS puedes escribirlo con la palabra clave sandybrown.

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

El color de Tailwind CSS más cercano es Orange 400 (#FB923C).

Usar SandyBrown en CSS

.element {
  color: sandybrown;
  background-color: #f4a460;
  border-color: rgb(244, 164, 96);
}

Tonos claros y oscuros de SandyBrown

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

Colores que combinan con SandyBrown

Armonías de la rueda de color creadas a partir de #F4A460. 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 SandyBrown

Aa
Texto blanco
2.03:1
No cumple
Aa
Texto negro
10.33:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a SandyBrown

Paletas con colores parecidos

Preguntas sobre SandyBrown

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

El código hexadecimal de SandyBrown es #F4A460. Su valor RGB es rgb(244, 164, 96) y su valor HSL es hsl(28, 87%, 67%).

¿Qué colores combinan con SandyBrown?

El color complementario de SandyBrown es #62B0F4. Para un esquema más suave prueba los colores análogos #F46267 y #F4EF62; para un esquema equilibrado de tres colores usa los triádicos #62F4A6 y #A662F4.

¿SandyBrown es legible como color de texto?

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

Más colores de la familia marrones