Loading...
Created at 04/16/2023 16:46
Web website product ui
- Black#141414
- White#ffffff
- Pale Cerulean#a0c8dc
- Light Steel Blue#b4c8dc
- Languid Lavender#dcc8dc
- Powder Blue#b4dcdc
The palette consists of Dark, Light colors. Accent colors White #ffffff and Pale Cerulean #a0c8dc. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #141414 (darkest) to #FFFFFF (lightest). The lightness range is wide.
Saturation sits in a moderate mid-range.
Hues are spread broadly around the wheel — a varied palette (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #141414, #A0C8DC, #B4C8DC, #B4DCDC, #DCC8DC, #FFFFFF
Palette Web website product ui has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #a0c8dc, RGB: (160, 200, 220)
HEX: #b4c8dc, RGB: (180, 200, 220); HEX: #dcc8dc, RGB: (220, 200, 220); HEX: #b4dcdc, RGB: (180, 220, 220)
Simplified version of palette colors
Shade of Black, White, Tint of lightblue, Shade of lightsteelblue, Shade of thistle, Tint of powderblue
Color scheme was created by coolor
Colors codes in palette
Web website product ui 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 | — |
| #a0c8dc | #a0c8dc | RGB(160, 200, 220) | Pale Cerulean | — |
| #b4c8dc | #b4c8dc | RGB(180, 200, 220) | Light Steel Blue | — |
| #dcc8dc | #dcc8dc | RGB(220, 200, 220) | Languid Lavender | — |
| #b4dcdc | #b4dcdc | RGB(180, 220, 220) | Powder Blue | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffffff | #a0c8dc | 1.78 |
#ffffff | #b4c8dc | 1.71 |
#ffffff | #dcc8dc | 1.57 |
#ffffff | #b4dcdc | 1.47 |
#a0c8dc | #b4c8dc | 1.03 |
#a0c8dc | #dcc8dc | 1.13 |
Image palette Web website product ui png
Export Palette
Download the "Web website product ui" in multiple formats for seamless integration into your design projects.
Available formats:
