Created at 06/29/2023 19:50
Design hmi ui colours
- Gainsboro#dcdcdc
- Anti-Flash White#f0f0f0
- Chinese Silver#c8c8c8
- Light Periwinkle#c8c8dc
- Philippine Silver#b4b4b4
- Azureish White#dcdcf0
The palette consists of Light colors. Accent colors Anti-Flash White #f0f0f0 and Azureish White #dcdcf0. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #B4B4B4 (darkest) to #F0F0F0 (lightest). The lightness range is moderate.
Overall saturation feels mostly muted (lower chroma).
Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.
Most swatches read as neutral in color temperature.
HEX codes (sorted): #B4B4B4, #C8C8C8, #C8C8DC, #DCDCDC, #DCDCF0, #F0F0F0
Palette Design hmi ui colours has combination of 6 codes colors:
HEX: #dcdcdc, RGB: (220, 220, 220); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #c8c8c8, RGB: (200, 200, 200)
HEX: #c8c8dc, RGB: (200, 200, 220); HEX: #b4b4b4, RGB: (180, 180, 180); HEX: #dcdcf0, RGB: (220, 220, 240)
Simplified version of palette colors
Tint of whitesmoke, Shade of Silver, Tint of lavender, Shade of darkgrey, Tint of lavender
Color scheme was created by colorswall
Colors codes in palette
Design hmi ui colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #dcdcdc | #dcdcdc | RGB(220, 220, 220) | Gainsboro | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #c8c8c8 | #c8c8c8 | RGB(200, 200, 200) | Chinese Silver | — |
| #c8c8dc | #c8c8dc | RGB(200, 200, 220) | Light Periwinkle | — |
| #b4b4b4 | #b4b4b4 | RGB(180, 180, 180) | Philippine Silver | — |
| #dcdcf0 | #dcdcf0 | RGB(220, 220, 240) | Azureish White | — |
Color Palette Contrast
15 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#dcdcdc | #f0f0f0 | 1.2 |
#dcdcdc | #c8c8c8 | 1.22 |
#dcdcdc | #c8c8dc | 1.2 |
#dcdcdc | #b4b4b4 | 1.51 |
#dcdcdc | #dcdcf0 | 1.01 |
#f0f0f0 | #c8c8c8 | 1.46 |
Image palette Design hmi ui colours png
Export Palette
Download the "Design hmi ui colours" in multiple formats for seamless integration into your design projects.
Available formats: