Loading...
Created at 11/17/2022 13:31
Hero navigation ui ux edit experience
- Steel Pink#dc22dc
- Lavender Blush#fcecfc
- Midnight#721272
- Rhythm#7c7c94
- Cadet Blue (Crayola)#b4b4c0
- Space Cadet#2d2d4d
The palette consists of Semi dark, Light, Dark colors. Accent colors Steel Pink #dc22dc and Lavender Blush #fcecfc. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #2D2D4D (darkest) to #FCECFC (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #2D2D4D, #721272, #7C7C94, #B4B4C0, #DC22DC, #FCECFC
Palette Hero navigation ui ux edit experience has combination of 6 codes colors:
HEX: #dc22dc, RGB: (220, 34, 220); HEX: #fcecfc, RGB: (252, 236, 252); HEX: #721272, RGB: (114, 18, 114)
HEX: #7c7c94, RGB: (124, 124, 148); HEX: #b4b4c0, RGB: (180, 180, 192); HEX: #2d2d4d, RGB: (45, 45, 77)
Simplified version of palette colors
Shade of magenta, Tint of lavenderblush, Shade of Purple, Shade of slategrey, Tint of Silver, Shade of midnightblue
Color scheme was created by bad_colors
Colors codes in palette
Hero navigation ui ux edit experience color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #dc22dc | #dc22dc | RGB(220, 34, 220) | Steel Pink | — |
| #fcecfc | #fcecfc | RGB(252, 236, 252) | Lavender Blush | — |
| #721272 | #721272 | RGB(114, 18, 114) | Midnight | — |
| #7c7c94 | #7c7c94 | RGB(124, 124, 148) | Rhythm | — |
| #b4b4c0 | #b4b4c0 | RGB(180, 180, 192) | Cadet Blue (Crayola) | — |
| #2d2d4d | #2d2d4d | RGB(45, 45, 77) | Space Cadet | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#dc22dc | #7c7c94 | 1.02 |
#dc22dc | #b4b4c0 | 1.92 |
#fcecfc | #b4b4c0 | 1.81 |
#721272 | #2d2d4d | 1.28 |
#7c7c94 | #b4b4c0 | 1.97 |
Image palette Hero navigation ui ux edit experience png
Export Palette
Download the "Hero navigation ui ux edit experience" in multiple formats for seamless integration into your design projects.
Available formats: