Design hmi ui colours
- Gainsboro#dcdcdc
- Anti-Flash White#f0f0f0
- Chinese Silver#c8c8c8
- Light Periwinkle#c8c8dc
- Philippine Silver#b4b4b4
- Azureish White#dcdcf0
Created at 06/29/2023 19:50
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 relatively narrow.
Overall saturation feels mostly muted (lower chroma) — 83% of colors are muted.
Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.
Most swatches read as neutral in color temperature (5 of 6).
HEX codes (sorted): #B4B4B4, #C8C8C8, #C8C8DC, #DCDCDC, #DCDCF0, #F0F0F0
Palette Design hmi ui colours combines 6 color codes:
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
Gainsboro, Shade of White Smoke, Tint of Silver, Shade of Lavender, Tint of Dark Gray, Shade of Lavender
Color scheme was created by colorswall
Color 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: