Generate Palette
  1. Color Palettes
  2. Illustrations uiuxdesign userexperiencedesign website design colours

Illustrations uiuxdesign userexperiencedesign website design colours

  • #5c3df9
  • #819dfc
  • #1c1444
  • #9ca4b4
  • #d3d3d3
  • #342c3c
  0.32k

Illustrations uiuxdesign userexperiencedesign website design colours has 6 colors, mostly blue. The lightest color is Light Gray (#D3D3D3), the darkest Midnight Blue (#1C1444). Its strongest contrast pair is #1C1444 on #D3D3D3 (11.3:1, WCAG AAA).

Created at 01/27/2021 15:59
bycolorswall
The palette consists of Semi dark, Light, Dark colors. Accent colors #819dfc and Lightgray #d3d3d3. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #1C1444 (darkest) to #D3D3D3 (lightest). The lightness range is wide.

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

An analogous palette: its hues sit close together on the color wheel, within about 50°.

Overall temperature among swatches leans cool (5 of 6).

HEX codes (sorted): #1C1444, #342C3C, #5C3DF9, #819DFC, #9CA4B4, #D3D3D3

Palette Illustrations uiuxdesign userexperiencedesign website design colours combines 6 color codes:
HEX: #5c3df9, RGB: (92, 61, 249); HEX: #819dfc, RGB: (129, 157, 252); HEX: #1c1444, RGB: (28, 20, 68)
HEX: #9ca4b4, RGB: (156, 164, 180); HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #342c3c, RGB: (52, 44, 60)
Simplified version of palette colors
Shade of Blue Violet, Tint of Cornflower Blue, Shade of Midnight Blue, Shade of Dark Gray, Light Gray, Tint of Black
Color scheme was created by colorswall

Color codes in palette

Illustrations uiuxdesign userexperiencedesign website design colours color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#5c3df9#5c3df9RGB(92, 61, 249)——
#819dfc#819dfcRGB(129, 157, 252)——
#1c1444#1c1444RGB(28, 20, 68)——
#9ca4b4#9ca4b4RGB(156, 164, 180)——
#d3d3d3#d3d3d3RGB(211, 211, 211)—Lightgray
#342c3c#342c3cRGB(52, 44, 60)——

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#819dfc
#9ca4b4
1.02
#819dfc
#d3d3d3
1.71
#1c1444
#342c3c
1.27
#9ca4b4
#d3d3d3
1.67

Image palette Illustrations uiuxdesign userexperiencedesign website design colours png

Illustrations uiuxdesign userexperiencedesign website design colours: #5c3df9, #819dfc, #1c1444, #9ca4b4, #d3d3d3, #342c3c
 Download image