Azul claro Material A100

RGB: rgb(128 216 255)
HSL: hsl(198 100% 75%)
HWB: hwb(198 50% 0%)
Familia cromática: Azules
Color de primer plano recomendado: #000000

Perfil calculado

Qué indican los números

Con un tono de 198°, Azul claro Material A100 es un color sRGB muy saturado, claro y de tonalidad fría. Su luminancia relativa es del 60.92 %. Para texto sobre este fondo, #000000 ofrece el contraste más alto: 13.18:1.

Luminosidad HSL: 75%
Saturación HSL: 100%
Luminancia relativa: 60.92%
Grupo de tono: fría

Formatos de color listos para copiar

Notaciones sRGB equivalentes calculadas a partir del mismo valor HEX de seis dígitos.

Contraste del texto sobre este color

Las relaciones usan la luminancia relativa de WCAG. Superar una relación no certifica por sí solo una interfaz.

Texto blanco1.59:1

AA texto normal: No cumple
AA texto grande: No cumple
AAA texto normal: No cumple
AAA texto grande: No cumple

Texto negro13.18:1

AA texto normal: Cumple
AA texto grande: Cumple
AAA texto normal: Cumple
AAA texto grande: Cumple

Tintes y sombras calculados

Los tintes mezclan el color con blanco; las sombras lo mezclan con negro en sRGB.

Tintes

Sombras

Relaciones en la rueda cromática

Estos colores conservan la saturación y luminosidad HSL originales mientras rotan el tono. Son puntos de partida matemáticos, no recomendaciones automáticas de diseño.

Variantes de opacidad

HEX de ocho dígitos y sintaxis alfa moderna de rgb() para la misma opacidad.

20%

40%

60%

80%

Base de CSS

Un pequeño bloque de propiedades personalizadas con el primer plano calculado que ofrece mayor contraste en blanco o negro.

--color-material-azul-claro-a100: #80D8FF;
--color-material-azul-claro-a100-rgb: 128 216 255;
--color-material-azul-claro-a100-hsl: 198 100% 75%;
color: #000000;
background-color: var(--color-material-azul-claro-a100);

Revisión de la comunidad

Proponer una corrección

Corrección para Azul claro Material A100#80D8FF

¿Has encontrado un nombre, una explicación, una fuente o un dato de accesibilidad inexactos? Envía una corrección breve para su revisión editorial.

08 / Verificación

De dónde proceden los valores

El nombre del color y el valor HEX se contrastan con la norma citada. Después, RGB, HSL, HWB, luminancia y contraste se calculan desde ese HEX mediante fórmulas publicadas.

Fuente del nombre y del HEX: Paleta de colores Material Design 2014