Uidesign settings popup sidebar colours

  • Bleu De France
    #267fe1
  • Iceberg
    #71a8da
  • Dark Cerulean
    #103f74
  • Nickel
    #727374
  • Pastel Blue
    #a8bccf
  • Dark Gunmetal
    #24242c
  0.13k
Created at 10/24/2022 20:00
The palette consists of Light, Semi dark, Dark colors. Accent colors Bleu De France #267fe1 and Dark Cerulean #103f74. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #24242C (darkest) to #A8BCCF (lightest). The lightness range is moderate.

Saturation is mixed — 2 muted and 3 vivid out of 6 colors.

An analogous palette: its hues sit close together on the color wheel, within about 3°.

Overall temperature among swatches leans cool (4 of 6).

HEX codes (sorted): #103F74, #24242C, #267FE1, #71A8DA, #727374, #A8BCCF

Palette Uidesign settings popup sidebar colours combines 6 color codes:
HEX: #267fe1, RGB: (38, 127, 225); HEX: #71a8da, RGB: (113, 168, 218); HEX: #103f74, RGB: (16, 63, 116)
HEX: #727374, RGB: (114, 115, 116); HEX: #a8bccf, RGB: (168, 188, 207); HEX: #24242c, RGB: (36, 36, 44)
Simplified version of palette colors
Shade of Steel Blue, Tint of Cornflower Blue, Shade of Dark Slate Blue, Tint of Dim Gray, Shade of Light Steel Blue, Tint of Black
Color scheme was created by colorswall

Color codes in palette

Uidesign settings popup sidebar colours color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#267fe1#267fe1RGB(38, 127, 225)Bleu De France—
#71a8da#71a8daRGB(113, 168, 218)Iceberg—
#103f74#103f74RGB(16, 63, 116)Dark Cerulean—
#727374#727374RGB(114, 115, 116)Nickel—
#a8bccf#a8bccfRGB(168, 188, 207)Pastel Blue—
#24242c#24242cRGB(36, 36, 44)Dark Gunmetal—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#267fe1
#71a8da
1.59
#267fe1
#727374
1.17
#71a8da
#727374
1.88
#71a8da
#a8bccf
1.29
#103f74
#24242c
1.45

Image palette Uidesign settings popup sidebar colours png