Created at 01/22/2022 20:23
  0.16k

Ui hmi palette

  • #eccc74
  • #ecd191
  • #1d3d57
  • #6082b8
  • #a2bbd0
  • #3a5c6d
The palette consists of Light, Semi dark colors. Accent colors #eccc74 and #1d3d57. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #1D3D57 (darkest) to #ECD191 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #1D3D57, #3A5C6D, #6082B8, #A2BBD0, #ECCC74, #ECD191

Palette Ui hmi palette has combination of 6 codes colors:
HEX: #eccc74, RGB: (236, 204, 116); HEX: #ecd191, RGB: (236, 209, 145); HEX: #1d3d57, RGB: (29, 61, 87)
HEX: #6082b8, RGB: (96, 130, 184); HEX: #a2bbd0, RGB: (162, 187, 208); HEX: #3a5c6d, RGB: (58, 92, 109)
Simplified version of palette colors
Tint of Khaki, Tint of wheat, Tint of darkslateblue, Shade of steelblue, Tint of lightsteelblue, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Ui hmi palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#eccc74 #eccc74 RGB(236, 204, 116)
#ecd191 #ecd191 RGB(236, 209, 145)
#1d3d57 #1d3d57 RGB(29, 61, 87)
#6082b8 #6082b8 RGB(96, 130, 184)
#a2bbd0 #a2bbd0 RGB(162, 187, 208)
#3a5c6d #3a5c6d RGB(58, 92, 109)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#eccc74
#ecd191
1.04
#eccc74
#a2bbd0
1.27
#ecd191
#a2bbd0
1.33
#1d3d57
#3a5c6d
1.57
#6082b8
#a2bbd0
1.96
#6082b8
#3a5c6d
1.83

Image palette Ui hmi palette png