Generate Palette
  1. Colors palettes
  2. Web interface user experience ux devices hex colors
Created at 08/01/2022 11:16
bycolorswall
  0.23k

Web interface user experience ux devices hex colors

  • Rich Electric Blue
    #118fdb
  • Aero
    #84bce0
  • Oxford Blue
    #092057
  • Chamoisee
    #a07c58
  • Light Periwinkle
    #c4c4dd
  • Van Dyke Brown
    #5c4129
The palette consists of Light, Dark colors. Accent colors Rich Electric Blue #118fdb and Van Dyke Brown #5c4129. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #092057 (darkest) to #C4C4DD (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

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): #092057, #118FDB, #5C4129, #84BCE0, #A07C58, #C4C4DD

Palette Web interface user experience ux devices hex colors has combination of 6 codes colors:
HEX: #118fdb, RGB: (17, 143, 219); HEX: #84bce0, RGB: (132, 188, 224); HEX: #092057, RGB: (9, 32, 87)
HEX: #a07c58, RGB: (160, 124, 88); HEX: #c4c4dd, RGB: (196, 196, 221); HEX: #5c4129, RGB: (92, 65, 41)
Simplified version of palette colors
Tint of dodgerblue, Tint of lightskyblue, Tint of midnightblue, Tint of peru, Tint of lavender, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Web interface user experience ux devices hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#118fdb #118fdb RGB(17, 143, 219)Rich Electric Blue—
#84bce0 #84bce0 RGB(132, 188, 224)Aero—
#092057 #092057 RGB(9, 32, 87)Oxford Blue—
#a07c58 #a07c58 RGB(160, 124, 88)Chamoisee—
#c4c4dd #c4c4dd RGB(196, 196, 221)Light Periwinkle—
#5c4129 #5c4129 RGB(92, 65, 41)Van Dyke Brown—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#118fdb
#84bce0
1.71
#118fdb
#a07c58
1.08
#84bce0
#a07c58
1.85
#84bce0
#c4c4dd
1.19
#092057
#5c4129
1.65

Image palette Web interface user experience ux devices hex colors png

Web interface user experience ux devices hex colors - #198507
 Download image