Loading...
Created at 11/22/2021 12:26
  0.16k

Graphic design uidesign ux

  • #3042e5
  • #d9c0a7
  • #20297d
  • #a98260
  • #b0b6db
  • #3c3c7c
Loading...
The palette consists of Light, Dark colors. Accent colors #3042e5 and #d9c0a7. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #20297D (darkest) to #B0B6DB (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

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): #20297D, #3042E5, #3C3C7C, #A98260, #B0B6DB, #D9C0A7

Palette Graphic design uidesign ux has combination of 6 codes colors:
HEX: #3042e5, RGB: (48, 66, 229); HEX: #d9c0a7, RGB: (217, 192, 167); HEX: #20297d, RGB: (32, 41, 125)
HEX: #a98260, RGB: (169, 130, 96); HEX: #b0b6db, RGB: (176, 182, 219); HEX: #3c3c7c, RGB: (60, 60, 124)
Simplified version of palette colors
Shade of Blue, Shade of tan, Shade of midnightblue, Tint of peru, Tint of lightsteelblue, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Graphic design uidesign ux color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3042e5 #3042e5 RGB(48, 66, 229)
#d9c0a7 #d9c0a7 RGB(217, 192, 167)
#20297d #20297d RGB(32, 41, 125)
#a98260 #a98260 RGB(169, 130, 96)
#b0b6db #b0b6db RGB(176, 182, 219)
#3c3c7c #3c3c7c RGB(60, 60, 124)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3042e5
#20297d
1.81
#3042e5
#a98260
1.99
#3042e5
#3c3c7c
1.42
#d9c0a7
#a98260
1.99
#d9c0a7
#b0b6db
1.14
#20297d
#3c3c7c
1.27

Image palette Graphic design uidesign ux png

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