Created at 04/29/2020 21:43
  0.16k

Illustration ui web minimal colours

  • #346ce2
  • #fbf2a4
  • #1f175c
  • #4f6eb0
  • #bcb2d7
  • #5b5383
The palette consists of Light, Dark, Semi dark colors. Accent colors #346ce2 and #fbf2a4. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #1F175C (darkest) to #FBF2A4 (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): #1F175C, #346CE2, #4F6EB0, #5B5383, #BCB2D7, #FBF2A4

Palette Illustration ui web minimal colours has combination of 6 codes colors:
HEX: #346ce2, RGB: (52, 108, 226); HEX: #fbf2a4, RGB: (251, 242, 164); HEX: #1f175c, RGB: (31, 23, 92)
HEX: #4f6eb0, RGB: (79, 110, 176); HEX: #bcb2d7, RGB: (188, 178, 215); HEX: #5b5383, RGB: (91, 83, 131)
Simplified version of palette colors
Tint of royalblue, Shade of Khaki, Tint of midnightblue, Shade of royalblue, Tint of thistle, Shade of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Illustration ui web minimal colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#346ce2 #346ce2 RGB(52, 108, 226)
#fbf2a4 #fbf2a4 RGB(251, 242, 164)
#1f175c #1f175c RGB(31, 23, 92)
#4f6eb0 #4f6eb0 RGB(79, 110, 176)
#bcb2d7 #bcb2d7 RGB(188, 178, 215)
#5b5383 #5b5383 RGB(91, 83, 131)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#346ce2
#4f6eb0
1.04
#346ce2
#5b5383
1.45
#fbf2a4
#bcb2d7
1.74
#4f6eb0
#5b5383
1.39

Image palette Illustration ui web minimal colours png