Loading...
Created at 03/19/2023 16:16
  66

Web ui dark responsive redesign colours

  • Celtic Blue
    #2c73db
  • United Nations Blue
    #548ee1
  • Oxford Blue
    #0c244c
  • Roman Silver
    #858b94
  • Dark Cerulean
    #164282
  • Charcoal
    #37445a
Loading...
The palette consists of Light, Dark colors. Accent colors Oxford Blue #0c244c and Dark Cerulean #164282. Palette has Cool colors temperature.

By lightness, this palette runs from #0C244C (darkest) to #548EE1 (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher 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): #0C244C, #164282, #2C73DB, #37445A, #548EE1, #858B94

Palette Web ui dark responsive redesign colours has combination of 6 codes colors:
HEX: #2c73db, RGB: (44, 115, 219); HEX: #548ee1, RGB: (84, 142, 225); HEX: #0c244c, RGB: (12, 36, 76)
HEX: #858b94, RGB: (133, 139, 148); HEX: #164282, RGB: (22, 66, 130); HEX: #37445a, RGB: (55, 68, 90)
Simplified version of palette colors
Tint of royalblue, Tint of cornflowerblue, Tint of midnightblue, Shade of lightslategrey, Tint of darkslateblue, Tint of darkslateblue
Color scheme was created by colorstudio

Colors codes in palette

Web ui dark responsive redesign colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2c73db #2c73db RGB(44, 115, 219)Celtic Blue
#548ee1 #548ee1 RGB(84, 142, 225)United Nations Blue
#0c244c #0c244c RGB(12, 36, 76)Oxford Blue
#858b94 #858b94 RGB(133, 139, 148)Roman Silver
#164282 #164282 RGB(22, 66, 130)Dark Cerulean
#37445a #37445a RGB(55, 68, 90)Charcoal

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#2c73db
#548ee1
1.38
#2c73db
#858b94
1.33
#548ee1
#858b94
1.03
#0c244c
#164282
1.55
#0c244c
#37445a
1.55
#164282
#37445a
1

Image palette Web ui dark responsive redesign colours png

Loading...
Loading...
Loading...