Color CSS con nombre
Código de color PowderBlue
PowderBlue es un cian claro y moderadamente saturado con el código hexadecimal #B0E0E6. En RGB es rgb(176, 224, 230), en HSL hsl(187, 52%, 80%) y en CMYK cmyk(23%, 3%, 0%, 10%).
Valores del color
En CSS puedes escribirlo con la palabra clave powderblue.
El texto blanco sobre PowderBlue tiene una relación de contraste de 1.43:1 y el texto negro de 14.65:1, así que el texto negro es la opción más legible.
El color de Tailwind CSS más cercano es Sky 200 (#BAE6FD).
Usar PowderBlue en CSS
.element {
color: powderblue;
background-color: #b0e0e6;
border-color: rgb(176, 224, 230);
}Tonos claros y oscuros de PowderBlue
Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.
Colores que combinan con PowderBlue
Armonías de la rueda de color creadas a partir de #B0E0E6. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.
Complementario
Abrir en la rueda de colorTonos opuestos para el máximo contraste y acentos llenos de energía.
Triádico
Abrir en la rueda de colorTres tonos equidistantes para sistemas coloridos y equilibrados.
Complementario dividido
Abrir en la rueda de colorUn color base y los dos vecinos de su complementario: contraste con menos tensión.
Contraste del texto sobre PowderBlue
Colores parecidos a PowderBlue
Colores CSS con nombre más cercanos
Colores tradicionales chinos más cercanos
Colores de Tailwind más cercanos
Paletas con colores parecidos
Preguntas sobre PowderBlue
¿Cuál es el código hexadecimal de PowderBlue?
El código hexadecimal de PowderBlue es #B0E0E6. Su valor RGB es rgb(176, 224, 230) y su valor HSL es hsl(187, 52%, 80%).
¿Qué colores combinan con PowderBlue?
El color complementario de PowderBlue es #E7B8B1. Para un esquema más suave prueba los colores análogos #B1E7D2 y #B1C6E7; para un esquema equilibrado de tres colores usa los triádicos #E7B1E0 y #E0E7B1.
¿PowderBlue es legible como color de texto?
Sobre un fondo blanco, PowderBlue tiene una relación de contraste de 1.43:1, que no cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 14.65:1.