Navigation clean design cards hex colors

  • Bleu De France
    #3a8bed
  • Very Light Azure
    #70b4f0
  • Lapis Lazuli
    #2c64ac
  • Shadow Blue
    #7c7cac
  • Thistle
    #dcc6d4
  • Black Olive
    #3c3c3c
  88
Created at 11/25/2022 10:50
The palette consists of Light, Semi dark colors. Accent colors Bleu De France #3a8bed and Black Olive #3c3c3c. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #3C3C3C (darkest) to #DCC6D4 (lightest). The lightness range is moderate.

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

The hues stay in one region of the color wheel, spanning about 114°.

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

HEX codes (sorted): #2C64AC, #3A8BED, #3C3C3C, #70B4F0, #7C7CAC, #DCC6D4

Palette Navigation clean design cards hex colors combines 6 color codes:
HEX: #3a8bed, RGB: (58, 139, 237); HEX: #70b4f0, RGB: (112, 180, 240); HEX: #2c64ac, RGB: (44, 100, 172)
HEX: #7c7cac, RGB: (124, 124, 172); HEX: #dcc6d4, RGB: (220, 198, 212); HEX: #3c3c3c, RGB: (60, 60, 60)
Simplified version of palette colors
Tint of Dodger Blue, Shade of Light Sky Blue, Shade of Royal Blue, Shade of Medium Purple, Tint of Thistle, Shade of Dark Slate Gray
Color scheme was created by coolor

Color codes in palette

Navigation clean design cards hex colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#3a8bed#3a8bedRGB(58, 139, 237)Bleu De France—
#70b4f0#70b4f0RGB(112, 180, 240)Very Light Azure—
#2c64ac#2c64acRGB(44, 100, 172)Lapis Lazuli—
#7c7cac#7c7cacRGB(124, 124, 172)Shadow Blue—
#dcc6d4#dcc6d4RGB(220, 198, 212)Thistle—
#3c3c3c#3c3c3cRGB(60, 60, 60)Black Olive—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#3a8bed
#70b4f0
1.55
#3a8bed
#2c64ac
1.72
#3a8bed
#7c7cac
1.14
#70b4f0
#7c7cac
1.77
#70b4f0
#dcc6d4
1.37
#2c64ac
#7c7cac
1.51

Image palette Navigation clean design cards hex colors png