Created at 07/31/2023 14:06
  45

Hmi ui design palette

  • Cadet Blue (Crayola)
    #b4b4c8
  • Cadet Blue (Crayola)
    #a0b4c8
  • Pastel Blue
    #b4c8c8
  • Metallic Silver
    #a0a0b4
  • Cambridge Blue
    #a0b4b4
  • Light Steel Blue
    #b4c8dc
Loading...
The palette consists of Light colors. Accent colors Cadet Blue (Crayola) #a0b4c8 and Light Steel Blue #b4c8dc. Palette has Cool colors temperature.

By lightness, this palette runs from #A0A0B4 (darkest) to #B4C8DC (lightest). The lightness range is relatively narrow.

Overall saturation feels mostly muted (lower chroma).

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #A0A0B4, #A0B4B4, #A0B4C8, #B4B4C8, #B4C8C8, #B4C8DC

Palette Hmi ui design palette has combination of 6 codes colors:
HEX: #b4b4c8, RGB: (180, 180, 200); HEX: #a0b4c8, RGB: (160, 180, 200); HEX: #b4c8c8, RGB: (180, 200, 200)
HEX: #a0a0b4, RGB: (160, 160, 180); HEX: #a0b4b4, RGB: (160, 180, 180); HEX: #b4c8dc, RGB: (180, 200, 220)
Simplified version of palette colors
Tint of lightsteelblue, Tint of lightsteelblue, Tint of lightblue, Tint of darkgrey, Shade of darkgrey, Shade of lightsteelblue
Color scheme was created by coolor

Colors codes in palette

Hmi ui design palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#b4b4c8 #b4b4c8 RGB(180, 180, 200)Cadet Blue (Crayola)
#a0b4c8 #a0b4c8 RGB(160, 180, 200)Cadet Blue (Crayola)
#b4c8c8 #b4c8c8 RGB(180, 200, 200)Pastel Blue
#a0a0b4 #a0a0b4 RGB(160, 160, 180)Metallic Silver
#a0b4b4 #a0b4b4 RGB(160, 180, 180)Cambridge Blue
#b4c8dc #b4c8dc RGB(180, 200, 220)Light Steel Blue

Color Palette Contrast

15 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#b4b4c8
#a0b4c8
1.04
#b4b4c8
#b4c8c8
1.16
#b4b4c8
#a0a0b4
1.25
#b4b4c8
#a0b4b4
1.06
#b4b4c8
#b4c8dc
1.18
#a0b4c8
#b4c8c8
1.22

Image palette Hmi ui design palette png

Loading...
Loading...