Created at 09/25/2020 08:21
  0.29k

Drawer navigation ui interaction colors palette

  • #497fb5
  • #e4ecf4
  • #26425e
  • #748ca7
  • #adbbcb
  • #2c4c6c
The palette consists of Light colors. Accent colors #497fb5 and #26425e. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #26425E (darkest) to #E4ECF4 (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range.

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #26425E, #2C4C6C, #497FB5, #748CA7, #ADBBCB, #E4ECF4

Palette Drawer navigation ui interaction colors palette has combination of 6 codes colors:
HEX: #497fb5, RGB: (73, 127, 181); HEX: #e4ecf4, RGB: (228, 236, 244); HEX: #26425e, RGB: (38, 66, 94)
HEX: #748ca7, RGB: (116, 140, 167); HEX: #adbbcb, RGB: (173, 187, 203); HEX: #2c4c6c, RGB: (44, 76, 108)
Simplified version of palette colors
Tint of steelblue, Tint of aliceblue, Tint of darkslateblue, Shade of lightslategrey, Tint of lightsteelblue, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Drawer navigation ui interaction colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#497fb5 #497fb5 RGB(73, 127, 181)
#e4ecf4 #e4ecf4 RGB(228, 236, 244)
#26425e #26425e RGB(38, 66, 94)
#748ca7 #748ca7 RGB(116, 140, 167)
#adbbcb #adbbcb RGB(173, 187, 203)
#2c4c6c #2c4c6c RGB(44, 76, 108)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#497fb5
#748ca7
1.21
#e4ecf4
#adbbcb
1.63
#26425e
#2c4c6c
1.16
#748ca7
#adbbcb
1.77

Image palette Drawer navigation ui interaction colors palette png