Created at 02/18/2022 10:47
Landingpage ui ux design colors palette
Royal Pink
#dd2f9d
Heliotrope
#c471fa
Space Cadet
#243151
Royal Purple
#7853b0
Khaki (HTML/CSS)
#c2a899
Gray-Asparagus
#3d554a
The palette consists of Semi dark, Light, Dark colors. Accent colors Heliotrope #c471fa and Gray-Asparagus #3d554a. Palette has Warm, Cool colors temperature.
Palette Landingpage ui ux design colors palette has combination of 6 codes colors:
HEX: #dd2f9d, RGB: (221, 47, 157); HEX: #c471fa, RGB: (196, 113, 250); HEX: #243151, RGB: (36, 49, 81)
HEX: #7853b0, RGB: (120, 83, 176); HEX: #c2a899, RGB: (194, 168, 153); HEX: #3d554a, RGB: (61, 85, 74)
Simplified version of palette colors
Shade of deeppink, Shade of mediumorchid, Shade of midnightblue, Tint of slateblue, Tint of tan, Shade of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Landingpage ui ux design colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #dd2f9d | #dd2f9d | RGB(221, 47, 157) | Royal Pink | — |
| #c471fa | #c471fa | RGB(196, 113, 250) | Heliotrope | — |
| #243151 | #243151 | RGB(36, 49, 81) | Space Cadet | — |
| #7853b0 | #7853b0 | RGB(120, 83, 176) | Royal Purple | — |
| #c2a899 | #c2a899 | RGB(194, 168, 153) | Khaki (HTML/CSS) | — |
| #3d554a | #3d554a | RGB(61, 85, 74) | Gray-Asparagus | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#dd2f9d | #c471fa | 1.42 |
#dd2f9d | #7853b0 | 1.35 |
#dd2f9d | #c2a899 | 1.88 |
#dd2f9d | #3d554a | 1.91 |
#c471fa | #7853b0 | 1.93 |
#c471fa | #c2a899 | 1.31 |
