Interaction illustration sketch web palette
- Black#141414
- Persian Blue#143cc8
- White#ffffff
- Columbia Blue#c8dcdc
- Palatinate Blue#143cdc
- Palatinate Blue#2850dc
Created at 05/03/2023 19:43
The palette consists of Dark, Semi dark, Light colors. Accent colors White #ffffff and Palatinate Blue #143cdc. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #141414 (darkest) to #FFFFFF (lightest). The lightness range is wide.
Saturation is mixed — 3 muted and 3 vivid out of 6 colors.
An analogous palette: its hues sit close together on the color wheel, within about 48°.
Overall temperature among swatches leans cool (4 of 6).
HEX codes (sorted): #141414, #143CC8, #143CDC, #2850DC, #C8DCDC, #FFFFFF
Palette Interaction illustration sketch web palette combines 6 color codes:
HEX: #141414, RGB: (20, 20, 20); HEX: #143cc8, RGB: (20, 60, 200); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #c8dcdc, RGB: (200, 220, 220); HEX: #143cdc, RGB: (20, 60, 220); HEX: #2850dc, RGB: (40, 80, 220)
Simplified version of palette colors
Tint of Black, Tint of Blue, White, Tint of powderblue, Tint of Blue, Shade of slateblue
Color scheme was created by colorslib
Color codes in palette
Interaction illustration sketch web palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #143cc8 | #143cc8 | RGB(20, 60, 200) | Persian Blue | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #c8dcdc | #c8dcdc | RGB(200, 220, 220) | Columbia Blue | — |
| #143cdc | #143cdc | RGB(20, 60, 220) | Palatinate Blue | — |
| #2850dc | #2850dc | RGB(40, 80, 220) | Palatinate Blue | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#143cc8 | #143cdc | 1.07 |
#143cc8 | #2850dc | 1.3 |
#ffffff | #c8dcdc | 1.42 |
#143cdc | #2850dc | 1.2 |
Image palette Interaction illustration sketch web palette png
Export Palette
Download the "Interaction illustration sketch web palette" in multiple formats for seamless integration into your design projects.
Available formats: