Code level learning vue colors

The palette consists of Light, Semi dark colors. Accent colors Flavescent #f2ec96 and Teal #097681. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #333D50 (darkest) to #F2EC96 (lightest). The lightness range is moderate.

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

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #097681, #11D5CC, #333D50, #6270A8, #9C66B4, #F2EC96

Palette Code level learning vue colors has combination of 6 codes colors:

HEX: #11d5cc, RGB: (17, 213, 204); HEX: #f2ec96, RGB: (242, 236, 150); HEX: #097681, RGB: (9, 118, 129)

HEX: #6270a8, RGB: (98, 112, 168); HEX: #9c66b4, RGB: (156, 102, 180); HEX: #333d50, RGB: (51, 61, 80)

Simplified version of palette colors

Tint of mediumturquoise, Shade of Khaki, Tint of Teal, Shade of royalblue, Tint of mediumorchid, Tint of darkslateblue

Color scheme was created by bad_colors

More palettes with:

Colors codes in palette

Code level learning vue colors color codes HEX, RGB information in table

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