Loading...
Created at 04/19/2023 08:54
Ui guidelines folder user hex colors
- Black#141414
- White#ffffff
- Heliotrope#dc78f0
- Lavender Magenta#f08cf0
- Bright Lavender#b48cf0
- Bright Lilac#dc8cf0
The palette consists of Dark, Light colors. Accent colors Heliotrope #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).
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #141414, #B48CF0, #DC78F0, #DC8CF0, #F08CF0, #FFFFFF
Palette Ui guidelines folder user hex colors has combination of 6 codes colors:
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
Shade of Black, White, Tint of violet, Shade of violet, Shade of mediumpurple, Shade of violet
Color scheme was created by colorslib
Colors codes in palette
Ui guidelines folder user hex colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #dc78f0 | #dc78f0 | RGB(220, 120, 240) | Heliotrope | — |
| #f08cf0 | #f08cf0 | RGB(240, 140, 240) | Lavender Magenta | — |
| #b48cf0 | #b48cf0 | RGB(180, 140, 240) | Bright Lavender | — |
| #dc8cf0 | #dc8cf0 | RGB(220, 140, 240) | Bright Lilac | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast 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 Ui guidelines folder user hex colors png
Export Palette
Download the "Ui guidelines folder user hex colors" in multiple formats for seamless integration into your design projects.
Available formats: