Loading...
Created at 02/04/2020 10:12
  0.3k

Choose product design pricing plan navigation menu colors palette

  • #0c74fc
  • #fcdc79
  • #013982
  • #7e818e
  • #b6c1ca
  • #140c10
Loading...
The palette consists of Light, Dark colors. Accent colors #fcdc79 and #013982. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #140C10 (darkest) to #B6C1CA (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): #013982, #0C74FC, #140C10, #7E818E, #B6C1CA, #FCDC79

Palette Choose product design pricing plan navigation menu colors palette has combination of 6 codes colors:
HEX: #0c74fc, RGB: (12, 116, 252); HEX: #fcdc79, RGB: (252, 220, 121); HEX: #013982, RGB: (1, 57, 130)
HEX: #7e818e, RGB: (126, 129, 142); HEX: #b6c1ca, RGB: (182, 193, 202); HEX: #140c10, RGB: (20, 12, 16)
Simplified version of palette colors
Tint of royalblue, Tint of Khaki, Tint of darkslateblue, Shade of slategrey, Tint of Silver, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Choose product design pricing plan navigation menu colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0c74fc #0c74fc RGB(12, 116, 252)
#fcdc79 #fcdc79 RGB(252, 220, 121)
#013982 #013982 RGB(1, 57, 130)
#7e818e #7e818e RGB(126, 129, 142)
#b6c1ca #b6c1ca RGB(182, 193, 202)
#140c10 #140c10 RGB(20, 12, 16)

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0c74fc
#7e818e
1.1
#fcdc79
#b6c1ca
1.36
#013982
#140c10
1.75

Image palette Choose product design pricing plan navigation menu colors palette png

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