Creado en 12/25/2023 10:27

1

Yellow
#ffda5a
Yellow-Orange
#ffb43d
Orange
#ff9441
Red-Orange
#ff824c
Red
#ff6260
Red-Violet
#b9537b
Violet
#894d89
Blue-Violet
#6d4994
Blue
#006dac
Blue-Green
#00acbc
Green
#15a86f
Yellow-Green
#8dac4c

La paleta consta de Luz, semioscuro colores. Colores de acento Yellow #ffda5a y Blue-Green #00acbc. La paleta tiene temperatura de color Cálido, Neutral, Frío.

Por luminosidad, la paleta va de #006DAC (más oscuro) a #FF6260 (más claro). El rango de luminosidad es moderado.

La saturación global se siente viva (croma alto).

Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).

En conjunto, la temperatura de color tiende al cálido.

Códigos HEX (ordenados): #006DAC, #00ACBC, #15A86F, #6D4994, #894D89, #8DAC4C, #B9537B, #FF6260, #FF824C, #FF9441, #FFB43D, #FFDA5A

La paleta 1 tiene una combinación de colores de códigos de 12:

HEX: #ffda5a, RGB: (255, 218, 90); HEX: #ffb43d, RGB: (255, 180, 61); HEX: #ff9441, RGB: (255, 148, 65)

HEX: #ff824c, RGB: (255, 130, 76); HEX: #ff6260, RGB: (255, 98, 96); HEX: #b9537b, RGB: (185, 83, 123)

HEX: #894d89, RGB: (137, 77, 137); HEX: #6d4994, RGB: (109, 73, 148); HEX: #006dac, RGB: (0, 109, 172)

HEX: #00acbc, RGB: (0, 172, 188); HEX: #15a86f, RGB: (21, 168, 111); HEX: #8dac4c, RGB: (141, 172, 76)

Versión simplificada de la paleta de colores

Sombra de gold, Sombra de Naranja, Sombra de darkorange, Sombra de coral, Matiz de salmon, Sombra de mediumvioletred, Sombra de darkmagenta, Sombra de darkslateblue, Matiz de steelblue, Matiz de cadetblue, Matiz de mediumseagreen, Sombra de olivedrab

El esquema de color fue creado por Igumnova Irina

Más paletas con:

Códigos de colores en la paleta

1 códigos de color HEX, información RGB en la tabla

Color	HEX	RGB	Nombre	nombre alternativo
#ffda5a	#ffda5a	RGB(255, 218, 90)	Yellow	—
#ffb43d	#ffb43d	RGB(255, 180, 61)	Yellow-Orange	—
#ff9441	#ff9441	RGB(255, 148, 65)	Orange	—
#ff824c	#ff824c	RGB(255, 130, 76)	Red-Orange	—
#ff6260	#ff6260	RGB(255, 98, 96)	Red	—
#b9537b	#b9537b	RGB(185, 83, 123)	Red-Violet	—
#894d89	#894d89	RGB(137, 77, 137)	Violet	—
#6d4994	#6d4994	RGB(109, 73, 148)	Blue-Violet	—
#006dac	#006dac	RGB(0, 109, 172)	Blue	—
#00acbc	#00acbc	RGB(0, 172, 188)	Blue-Green	—
#15a86f	#15a86f	RGB(21, 168, 111)	Green	—
#8dac4c	#8dac4c	RGB(141, 172, 76)	Yellow-Green	—

Contraste de la paleta de colores

39 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.

Color de texto	Color de fondo	Relación de contraste
#ffda5a	#ffb43d	1.3
#ffda5a	#ff9441	1.61
#ffda5a	#ff824c	1.8
#ffda5a	#8dac4c	1.89
#ffb43d	#ff9441	1.23
#ffb43d	#ff824c	1.38

Paleta de imágenes 1 png

--color-yellow:	#ffda5a;
--color-yellow-orange:	#ffb43d;
--color-orange:	#ff9441;
--color-red-orange:	#ff824c;
--color-red:	#ff6260;
--color-red-violet:	#b9537b;
--color-violet:	#894d89;
--color-blue-violet:	#6d4994;
--color-blue:	#006dac;
--color-blue-green:	#00acbc;
--color-green:	#15a86f;
--color-yellow-green:	#8dac4c;

$color-yellow:	#ffda5a;
$color-yellow-orange:	#ffb43d;
$color-orange:	#ff9441;
$color-red-orange:	#ff824c;
$color-red:	#ff6260;
$color-red-violet:	#b9537b;
$color-violet:	#894d89;
$color-blue-violet:	#6d4994;
$color-blue:	#006dac;
$color-blue-green:	#00acbc;
$color-green:	#15a86f;
$color-yellow-green:	#8dac4c;

@color-yellow:	#ffda5a;
@color-yellow-orange:	#ffb43d;
@color-orange:	#ff9441;
@color-red-orange:	#ff824c;
@color-red:	#ff6260;
@color-red-violet:	#b9537b;
@color-violet:	#894d89;
@color-blue-violet:	#6d4994;
@color-blue:	#006dac;
@color-blue-green:	#00acbc;
@color-green:	#15a86f;
@color-yellow-green:	#8dac4c;