Created at 12/11/2022 22:14
  99

Code level learning vue colors

  • Dark Turquoise
    #11d5cc
  • Flavescent
    #f2ec96
  • Teal
    #097681
  • Blue Yonder
    #6270a8
  • Deep Lilac
    #9c66b4
  • Charcoal
    #333d50
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

Colors codes in palette

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

Color HEX RGB Name Alternative name
#11d5cc #11d5cc RGB(17, 213, 204)Dark Turquoise
#f2ec96 #f2ec96 RGB(242, 236, 150)Flavescent
#097681 #097681 RGB(9, 118, 129)Teal
#6270a8 #6270a8 RGB(98, 112, 168)Blue Yonder
#9c66b4 #9c66b4 RGB(156, 102, 180)Deep Lilac
#333d50 #333d50 RGB(51, 61, 80)Charcoal

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#11d5cc
#f2ec96
1.5
#097681
#6270a8
1.12
#097681
#9c66b4
1.26
#6270a8
#9c66b4
1.12

Image palette Code level learning vue colors png