Loading...
Created at 11/25/2020 09:30
  0.19k

Webdesign ui layout ux colours

  • #37a5da
  • #dc6db5
  • #530454
  • #a55e9b
  • #abbbcf
  • #512c50
Loading...
The palette consists of Light, Dark colors. Accent colors #37a5da and #530454. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #530454 (darkest) to #ABBBCF (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Most swatches read as neutral in color temperature.

HEX codes (sorted): #37A5DA, #512C50, #530454, #A55E9B, #ABBBCF, #DC6DB5

Palette Webdesign ui layout ux colours has combination of 6 codes colors:
HEX: #37a5da, RGB: (55, 165, 218); HEX: #dc6db5, RGB: (220, 109, 181); HEX: #530454, RGB: (83, 4, 84)
HEX: #a55e9b, RGB: (165, 94, 155); HEX: #abbbcf, RGB: (171, 187, 207); HEX: #512c50, RGB: (81, 44, 80)
Simplified version of palette colors
Tint of deepskyblue, Tint of hotpink, Tint of indigo, Tint of mediumorchid, Tint of lightsteelblue, Shade of Purple
Color scheme was created by colorswall

Colors codes in palette

Webdesign ui layout ux colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#37a5da #37a5da RGB(55, 165, 218)
#dc6db5 #dc6db5 RGB(220, 109, 181)
#530454 #530454 RGB(83, 4, 84)
#a55e9b #a55e9b RGB(165, 94, 155)
#abbbcf #abbbcf RGB(171, 187, 207)
#512c50 #512c50 RGB(81, 44, 80)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#37a5da
#dc6db5
1.09
#37a5da
#a55e9b
1.61
#37a5da
#abbbcf
1.42
#dc6db5
#a55e9b
1.47
#dc6db5
#abbbcf
1.55
#530454
#512c50
1.2

Image palette Webdesign ui layout ux colours png

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