#aacc22

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

HEX: #aacc22
RGB: rgb(170, 204, 34)
HSL: hsl(72, 71%, 47%)
OKLCH: oklch(79.3% 0.182 121.3)
CMYK: 17% 0% 83% 20%

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

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	1,85:1	-39
Texto negro	11,37:1	69
Como texto
Fondo blanco	1,85:1	35
Fondo negro	11,37:1	-68

Armonías cromáticas

Complementario Complementario: el color opuesto en el círculo (180°). Ambos se realzan mutuamente.

Análogos Análogos: vecinos en el círculo (unos ±15°). Forman una paleta cohesionada.

#ccbb22 #88cc22

Tríada Tríada: tres colores separados de forma uniforme 120°. Equilibrada y vivaz.

#22aacc #cc22aa

Complementario dividido Complementario dividido: los dos colores junto al complementario (180° ± 30°). Más suave que un complementario directo.

#2255cc #9922cc

Tétrada Tétrada: cuatro colores separados de forma uniforme 90°. Buena para paletas con varios acentos.

#22cc99 #4422cc #cc2255

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

#334411 #668811 #bbdd22 #ccee77 #eeeebb

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

#eeffdd #eeeebb #ddee99 #ccdd88 #bbdd66 #bbcc44

#aacc22

#99aa22 #779911 #667711 #445511 #333311 #112200

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

Vista previa de uso

Como fondo (texto negro)

Relación 11,37:1 APCA (Lc) 69

Como fondo (texto blanco)

Relación 1,85:1 APCA (Lc) -39

Como texto (fondo blanco)

Relación 1,85:1 APCA (Lc) 35

Como texto (fondo negro)

Relación 11,37:1 APCA (Lc) -68