Technology design illustration 2.5d colors

Button Blue
#24b4f1
Blue-Violet
#6e35eb
Persian Indigo
#240a76
Purpureus
#9b63a4
Pixie Powder
#350d8b
Smoky Black
#0a140b

The palette consists of Light, Dark colors. Accent colors Button Blue #24b4f1 and Persian Indigo #240a76. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #0A140B (darkest) to #6E35EB (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool (5 of 6).

HEX codes (sorted): #0A140B, #240A76, #24B4F1, #350D8B, #6E35EB, #9B63A4

Palette Technology design illustration 2.5d colors has combination of 6 codes colors:

HEX: #24b4f1, RGB: (36, 180, 241); HEX: #6e35eb, RGB: (110, 53, 235); HEX: #240a76, RGB: (36, 10, 118)

HEX: #9b63a4, RGB: (155, 99, 164); HEX: #350d8b, RGB: (53, 13, 139); HEX: #0a140b, RGB: (10, 20, 11)

Simplified version of palette colors

Shade of deepskyblue, Tint of blueviolet, Shade of Navy, Tint of mediumorchid, Shade of indigo, Shade of Black

Color scheme was created by colourlock

Colors codes in palette

Technology design illustration 2.5d colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#24b4f1	#24b4f1	RGB(36, 180, 241)	Button Blue	—
#6e35eb	#6e35eb	RGB(110, 53, 235)	Blue-Violet	—
#240a76	#240a76	RGB(36, 10, 118)	Persian Indigo	—
#9b63a4	#9b63a4	RGB(155, 99, 164)	Purpureus	—
#350d8b	#350d8b	RGB(53, 13, 139)	Pixie Powder	—
#0a140b	#0a140b	RGB(10, 20, 11)	Smoky Black	—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.

Text Color	Background Color	Contrast Ratio
#24b4f1	#9b63a4	1.88
#6e35eb	#9b63a4	1.39
#240a76	#350d8b	1.14
#240a76	#0a140b	1.23
#350d8b	#0a140b	1.41

Image palette Technology design illustration 2.5d colors png

Technology design illustration 2.5d colors - #246507

--color-button-blue:	#24b4f1;
--color-blue-violet:	#6e35eb;
--color-persian-indigo:	#240a76;
--color-purpureus:	#9b63a4;
--color-pixie-powder:	#350d8b;
--color-smoky-black:	#0a140b;

$color-button-blue:	#24b4f1;
$color-blue-violet:	#6e35eb;
$color-persian-indigo:	#240a76;
$color-purpureus:	#9b63a4;
$color-pixie-powder:	#350d8b;
$color-smoky-black:	#0a140b;

@color-button-blue:	#24b4f1;
@color-blue-violet:	#6e35eb;
@color-persian-indigo:	#240a76;
@color-purpureus:	#9b63a4;
@color-pixie-powder:	#350d8b;
@color-smoky-black:	#0a140b;