Created at 12/23/2021 13:27

Web navigation ui breadcrumb ux design on hex colors

The palette consists of Light, Dark colors. Accent colors #5d7014 and #242d44. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #242D44 (darkest) to #B4B8C2 (lightest). The lightness range is moderate.

Saturation is mixed — 1 muted and 3 vivid out of 6 colors.

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

Overall temperature among swatches leans warm (4 of 6).

HEX codes (sorted): #242D44, #5D7014, #8CA454, #B4B8C2, #CBE46B, #D4E481

Palette Web navigation ui breadcrumb ux design on hex colors has combination of 6 codes colors:

HEX: #cbe46b, RGB: (203, 228, 107); HEX: #d4e481, RGB: (212, 228, 129); HEX: #5d7014, RGB: (93, 112, 20)

HEX: #8ca454, RGB: (140, 164, 84); HEX: #b4b8c2, RGB: (180, 184, 194); HEX: #242d44, RGB: (36, 45, 68)

Simplified version of palette colors

Shade of Yellowgreen, Tint of Khaki, Shade of darkolivegreen, Shade of olivedrab, Tint of Silver, Shade of midnightblue

Color scheme was created by colorswall

Colors codes in palette

Web navigation ui breadcrumb ux design on hex colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#cbe46b	#cbe46b	RGB(203, 228, 107)	—	—
#d4e481	#d4e481	RGB(212, 228, 129)	—	—
#5d7014	#5d7014	RGB(93, 112, 20)	—	—
#8ca454	#8ca454	RGB(140, 164, 84)	—	—
#b4b8c2	#b4b8c2	RGB(180, 184, 194)	—	—
#242d44	#242d44	RGB(36, 45, 68)	—	—

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