Web app design dropdown colours
- Han Blue#495acf
- Languid Lavender#ded2ea
- Indigo (Rainbow)#1b2568
- Antique Fuchsia#9a6284
- Lilac#c2a3bb
- Jacarta#383c5e
Created at 02/23/2023 17:13
The palette consists of Semi dark, Light, Dark colors. Accent colors Han Blue #495acf and Indigo (Rainbow) #1b2568. Palette has Cool, Warm colors temperature.
By lightness, this palette runs from #1B2568 (darkest) to #DED2EA (lightest). The lightness range is wide.
Saturation is mixed — 3 muted and 2 vivid out of 6 colors.
The hues stay in one region of the color wheel, spanning about 91°.
Overall temperature among swatches leans cool (5 of 6).
HEX codes (sorted): #1B2568, #383C5E, #495ACF, #9A6284, #C2A3BB, #DED2EA
Palette Web app design dropdown colours combines 6 color codes:
HEX: #495acf, RGB: (73, 90, 207); HEX: #ded2ea, RGB: (222, 210, 234); HEX: #1b2568, RGB: (27, 37, 104)
HEX: #9a6284, RGB: (154, 98, 132); HEX: #c2a3bb, RGB: (194, 163, 187); HEX: #383c5e, RGB: (56, 60, 94)
Simplified version of palette colors
Shade of Slate Blue, Tint of Thistle, Tint of Midnight Blue, Tint of Medium Violet Red, Shade of Thistle, Shade of Dark Slate Blue
Color scheme was created by hex
Color codes in palette
Web app design dropdown colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #495acf | #495acf | RGB(73, 90, 207) | Han Blue | — |
| #ded2ea | #ded2ea | RGB(222, 210, 234) | Languid Lavender | — |
| #1b2568 | #1b2568 | RGB(27, 37, 104) | Indigo (Rainbow) | — |
| #9a6284 | #9a6284 | RGB(154, 98, 132) | Antique Fuchsia | — |
| #c2a3bb | #c2a3bb | RGB(194, 163, 187) | Lilac | — |
| #383c5e | #383c5e | RGB(56, 60, 94) | Jacarta | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#495acf | #9a6284 | 1.22 |
#495acf | #383c5e | 1.84 |
#ded2ea | #c2a3bb | 1.56 |
#1b2568 | #383c5e | 1.3 |
Image palette Web app design dropdown colours png
Export Palette
Download the "Web app design dropdown colours" in multiple formats for seamless integration into your design projects.
Available formats: