Created at 10/08/2022 15:51

Fitness icon pattern design colors

The palette consists of Light, Dark colors. Accent colors Orioles Orange #f54424 and Space Cadet #22284c. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #22284C (darkest) to #F19C84 (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #22284C, #71738D, #ACACC4, #B81C0C, #F19C84, #F54424

Palette Fitness icon pattern design colors has combination of 6 codes colors:

HEX: #f54424, RGB: (245, 68, 36); HEX: #f19c84, RGB: (241, 156, 132); HEX: #b81c0c, RGB: (184, 28, 12)

HEX: #71738d, RGB: (113, 115, 141); HEX: #acacc4, RGB: (172, 172, 196); HEX: #22284c, RGB: (34, 40, 76)

Simplified version of palette colors

Shade of Red, Shade of darksalmon, Tint of firebrick, Tint of slategrey, Tint of lightsteelblue, Shade of midnightblue

Color scheme was created by colorswall

More palettes with:

Colors codes in palette

Fitness icon pattern design colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#f54424	#f54424	RGB(245, 68, 36)	Orioles Orange	—
#f19c84	#f19c84	RGB(241, 156, 132)	Dark Salmon	—
#b81c0c	#b81c0c	RGB(184, 28, 12)	International Orange (Engineering)	—
#71738d	#71738d	RGB(113, 115, 141)	Rhythm	—
#acacc4	#acacc4	RGB(172, 172, 196)	Cadet Blue (Crayola)	—
#22284c	#22284c	RGB(34, 40, 76)	Space Cadet	—

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

--color-orioles-orange:	#f54424;
--color-dark-salmon:	#f19c84;
--color-international-orange-engineering:	#b81c0c;
--color-rhythm:	#71738d;
--color-cadet-blue-crayola:	#acacc4;
--color-space-cadet:	#22284c;

$color-orioles-orange:	#f54424;
$color-dark-salmon:	#f19c84;
$color-international-orange-engineering:	#b81c0c;
$color-rhythm:	#71738d;
$color-cadet-blue-crayola:	#acacc4;
$color-space-cadet:	#22284c;

@color-orioles-orange:	#f54424;
@color-dark-salmon:	#f19c84;
@color-international-orange-engineering:	#b81c0c;
@color-rhythm:	#71738d;
@color-cadet-blue-crayola:	#acacc4;
@color-space-cadet:	#22284c;