Saltar al contenido
Color Codes

Color CSS con nombre

Código de color Orchid

Orchid es un magenta de luminosidad media y moderadamente saturado con el código hexadecimal #DA70D6. En RGB es rgb(218, 112, 214), en HSL hsl(302, 59%, 65%) y en CMYK cmyk(0%, 49%, 2%, 15%).

Orchid
#DA70D6

Valores del color

En CSS puedes escribirlo con la palabra clave orchid.

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

El color de Tailwind CSS más cercano es Fuchsia 400 (#E879F9).

Usar Orchid en CSS

.element {
  color: orchid;
  background-color: #da70d6;
  border-color: rgb(218, 112, 214);
}

Tonos claros y oscuros de Orchid

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

Colores que combinan con Orchid

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

Aa
Texto blanco
2.89:1
No cumple
Aa
Texto negro
7.27:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a Orchid

Paletas con colores parecidos

Preguntas sobre Orchid

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

El código hexadecimal de Orchid es #DA70D6. Su valor RGB es rgb(218, 112, 214) y su valor HSL es hsl(302, 59%, 65%).

¿Qué colores combinan con Orchid?

El color complementario de Orchid es #71DA75. Para un esquema más suave prueba los colores análogos #A971DA y #DA71A2; para un esquema equilibrado de tres colores usa los triádicos #D7DA71 y #71D7DA.

¿Orchid es legible como color de texto?

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

Más colores de la familia morados