Loading...
Created at 03/11/2020 12:24
  0.25k

Design user experience profile ux colors

  • #246999
  • #fcfcdc
  • #502618
  • #a87c64
  • #a3c8cf
  • #5c4029
Loading...
The palette consists of Semi dark, Light, Dark colors. Accent colors #246999 and #fcfcdc. Palette has Cool, Neutral, Warm colors temperature.

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

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 warm.

HEX codes (sorted): #246999, #502618, #5C4029, #A3C8CF, #A87C64, #FCFCDC

Palette Design user experience profile ux colors has combination of 6 codes colors:
HEX: #246999, RGB: (36, 105, 153); HEX: #fcfcdc, RGB: (252, 252, 220); HEX: #502618, RGB: (80, 38, 24)
HEX: #a87c64, RGB: (168, 124, 100); HEX: #a3c8cf, RGB: (163, 200, 207); HEX: #5c4029, RGB: (92, 64, 41)
Simplified version of palette colors
Tint of steelblue, Tint of lightyellow, Shade of Maroon, Tint of rosybrown, Tint of lightblue, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Design user experience profile ux colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#246999 #246999 RGB(36, 105, 153)
#fcfcdc #fcfcdc RGB(252, 252, 220)
#502618 #502618 RGB(80, 38, 24)
#a87c64 #a87c64 RGB(168, 124, 100)
#a3c8cf #a3c8cf RGB(163, 200, 207)
#5c4029 #5c4029 RGB(92, 64, 41)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#246999
#a87c64
1.61
#246999
#5c4029
1.6
#fcfcdc
#a3c8cf
1.71
#502618
#5c4029
1.36

Image palette Design user experience profile ux colors png

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