Graphic design uidesign ux

  • #3042e5
  • #d9c0a7
  • #20297d
  • #a98260
  • #b0b6db
  • #3c3c7c
  0.16k
Created at 11/22/2021 12:26
The palette consists of Semi dark, Light, Dark colors. Accent colors #3042e5 and #d9c0a7. Palette has Cool, Warm colors temperature.

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

Saturation sits in a moderate mid-range, averaging 46% across the palette.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

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

HEX codes (sorted): #20297D, #3042E5, #3C3C7C, #A98260, #B0B6DB, #D9C0A7

Palette Graphic design uidesign ux combines 6 color codes:
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
Tint of Blue, Tint of Tan, Tint of Midnight Blue, Shade of Peru, Shade of Light Steel Blue, Shade of Dark Slate Blue
Color scheme was created by colorswall

Color codes in palette

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

ColorHEXRGBNameAlternative name
#3042e5#3042e5RGB(48, 66, 229)——
#d9c0a7#d9c0a7RGB(217, 192, 167)——
#20297d#20297dRGB(32, 41, 125)——
#a98260#a98260RGB(169, 130, 96)——
#b0b6db#b0b6dbRGB(176, 182, 219)——
#3c3c7c#3c3c7cRGB(60, 60, 124)——

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast 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