#aaaaaa

Valores de color Notaciones de color: HEX (hexadecimal), RGB (luces primarias), HSL (matiz/saturación/luminosidad), CMYK (tintas de impresión, aproximado).

HEX: #aaaaaa
RGB: rgb(170, 170, 170)
HSL: hsl(0, 0%, 67%)
OKLCH: oklch(73.8% 0 0)
CMYK: 0% 0% 0% 33%

Luminancia relativa Luminancia relativa: el brillo de un color, de 0 (negro) a 1 (blanco). Se usa para calcular el contraste WCAG.: 0,402
Matiz Matiz: el tipo de un color (rojo, naranja, amarillo…). Dividimos el círculo cromático en 12 sectores.: Acromático
Nombre más cercano Nombre más cercano: el nombre de color estándar de CSS más próximo a este color.: darkgray

Contraste

Como fondo
	Relación Relación de contraste: la diferencia de brillo entre dos colores, de 1:1 a 21:1. Cuanto mayor, más fácil de leer.	APCA (Lc) APCA: una medida de contraste perceptual más reciente del borrador de WCAG 3. Lc va de unos 0 a 106; cuanto mayor, más fácil de leer. El signo indica la polaridad (texto oscuro sobre claro, o claro sobre oscuro).
Texto blanco	2,32:1	-51
Texto negro	9,04:1	58
Como texto
Fondo blanco	2,32:1	46
Fondo negro	9,04:1	-56

Armonías cromáticas

Escala de tonos Escala de tonos: cinco pasos que mantienen el matiz y varían la luminosidad.

#222222 #555555 #808080 #bbbbbb #dddddd

Sombras y tintes Sombras y tintes: pasos más claros mezclados hacia el blanco (tintes) y más oscuros mezclados hacia el negro (sombras).

#eeeeee #dddddd #cccccc #bbbbbb

#aaaaaa

#999999 #777777 #666666 #444444 #333333 #111111

Impresiones Impresión: una etiqueta para la sensación que evoca un color: cálido, sereno, vivo, etc.

Monocromo

Vista previa de uso

Como fondo (texto negro)

Relación 9,04:1 APCA (Lc) 58

Como fondo (texto blanco)

Relación 2,32:1 APCA (Lc) -51

Como texto (fondo blanco)

Relación 2,32:1 APCA (Lc) 46

Como texto (fondo negro)

Relación 9,04:1 APCA (Lc) -56