Created at 12/15/2020 14:31
  0.3k

Css html5 javascript design typography illustration colors

  • #8407e6
  • #f8cf68
  • #490380
  • #748c84
  • #c1a9cb
  • #342c3c
The palette consists of Dark, Light colors. Accent colors #f8cf68 and #490380. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #342C3C (darkest) to #C1A9CB (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).

Overall temperature among swatches leans cool.

HEX codes (sorted): #342C3C, #490380, #748C84, #8407E6, #C1A9CB, #F8CF68

Palette Css html5 javascript design typography illustration colors has combination of 6 codes colors:
HEX: #8407e6, RGB: (132, 7, 230); HEX: #f8cf68, RGB: (248, 207, 104); HEX: #490380, RGB: (73, 3, 128)
HEX: #748c84, RGB: (116, 140, 132); HEX: #c1a9cb, RGB: (193, 169, 203); HEX: #342c3c, RGB: (52, 44, 60)
Simplified version of palette colors
Tint of blueviolet, Shade of gold, Shade of indigo, Tint of cadetblue, Tint of thistle, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Css html5 javascript design typography illustration colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#8407e6 #8407e6 RGB(132, 7, 230)
#f8cf68 #f8cf68 RGB(248, 207, 104)
#490380 #490380 RGB(73, 3, 128)
#748c84 #748c84 RGB(116, 140, 132)
#c1a9cb #c1a9cb RGB(193, 169, 203)
#342c3c #342c3c RGB(52, 44, 60)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#8407e6
#490380
1.96
#8407e6
#748c84
1.84
#f8cf68
#c1a9cb
1.43
#490380
#342c3c
1.02
#748c84
#c1a9cb
1.68

Image palette Css html5 javascript design typography illustration colors png