Group guidelines user ui hex colors

  • Black
    #141414
  • White
    #ffffff
  • Pink Bonnet
    #dc78f0
  • Lavender Magenta
    #f08cf0
  • #b48cf0
  • Bright Lilac
    #dc8cf0
  59
Created at 06/17/2023 15:00
The palette consists of Dark, Light colors. Accent colors Pink Bonnet #dc78f0 and Lavender Magenta #f08cf0. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #141414 (darkest) to #FFFFFF (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

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

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

HEX codes (sorted): #141414, #B48CF0, #DC78F0, #DC8CF0, #F08CF0, #FFFFFF

Palette Group guidelines user ui hex colors combines 6 color codes:
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #dc78f0, RGB: (220, 120, 240)
HEX: #f08cf0, RGB: (240, 140, 240); HEX: #b48cf0, RGB: (180, 140, 240); HEX: #dc8cf0, RGB: (220, 140, 240)
Simplified version of palette colors
Tint of Black, White, Shade of Violet, Tint of Violet, Tint of Medium Purple, Tint of Violet
Color scheme was created by palettespicker

Color codes in palette

Group guidelines user ui hex colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#141414#141414RGB(20, 20, 20)BlackSooty
#ffffff#ffffffRGB(255, 255, 255)White—
#dc78f0#dc78f0RGB(220, 120, 240)Pink Bonnet—
#f08cf0#f08cf0RGB(240, 140, 240)Lavender Magenta—
#b48cf0#b48cf0RGB(180, 140, 240)——
#dc8cf0#dc8cf0RGB(220, 140, 240)Bright Lilac—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#dc78f0
#f08cf0
1.21
#dc78f0
#b48cf0
1
#dc78f0
#dc8cf0
1.13
#f08cf0
#b48cf0
1.22
#f08cf0
#dc8cf0
1.07
#b48cf0
#dc8cf0
1.13

Image palette Group guidelines user ui hex colors png