Generate Palette
  1. Colors palettes
  2. Code editor ux ui branding hex colors
Created at 04/04/2023 21:16
bybad_colors
  56

Code editor ux ui branding hex colors

  • Blueberry
    #4483fb
  • French Sky Blue
    #7da8fc
  • YInMn Blue
    #2e4c90
  • Davy's Grey
    #4e5359
  • Dark Powder Blue
    #033595
  • Charcoal
    #303b51
The palette consists of Light, Semi dark, Dark colors. Accent colors Blueberry #4483fb and Dark Powder Blue #033595. Palette has Cool colors temperature.

By lightness, this palette runs from #303B51 (darkest) to #7DA8FC (lightest). The lightness range is moderate.

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

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #033595, #2E4C90, #303B51, #4483FB, #4E5359, #7DA8FC

Palette Code editor ux ui branding hex colors has combination of 6 codes colors:
HEX: #4483fb, RGB: (68, 131, 251); HEX: #7da8fc, RGB: (125, 168, 252); HEX: #2e4c90, RGB: (46, 76, 144)
HEX: #4e5359, RGB: (78, 83, 89); HEX: #033595, RGB: (3, 53, 149); HEX: #303b51, RGB: (48, 59, 81)
Simplified version of palette colors
Tint of cornflowerblue, Shade of cornflowerblue, Shade of darkslateblue, Tint of dimgrey, Tint of darkslateblue, Tint of darkslateblue
Color scheme was created by bad_colors
More palettes with:
Blue Grey

Colors codes in palette

Code editor ux ui branding hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4483fb #4483fb RGB(68, 131, 251)Blueberry—
#7da8fc #7da8fc RGB(125, 168, 252)French Sky Blue—
#2e4c90 #2e4c90 RGB(46, 76, 144)YInMn Blue—
#4e5359 #4e5359 RGB(78, 83, 89)Davy's Grey—
#033595 #033595 RGB(3, 53, 149)Dark Powder Blue—
#303b51 #303b51 RGB(48, 59, 81)Charcoal—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4483fb
#7da8fc
1.5
#2e4c90
#4e5359
1.05
#2e4c90
#033595
1.31
#2e4c90
#303b51
1.36
#4e5359
#033595
1.38
#4e5359
#303b51
1.44

Image palette Code editor ux ui branding hex colors png

Code editor ux ui branding hex colors - #250675
 Download image