Created at 11/05/2019 22:25
  0.22k

Web design ui uiux colours

  • #50ece9
  • #f8a383
  • #0c7775
  • #78baa4
  • #cfe7e2
  • #474555
The palette consists of Light, Semi dark colors. Accent colors #f8a383 and #0c7775. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #0C7775 (darkest) to #CFE7E2 (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): #0C7775, #474555, #50ECE9, #78BAA4, #CFE7E2, #F8A383

Palette Web design ui uiux colours has combination of 6 codes colors:
HEX: #50ece9, RGB: (80, 236, 233); HEX: #f8a383, RGB: (248, 163, 131); HEX: #0c7775, RGB: (12, 119, 117)
HEX: #78baa4, RGB: (120, 186, 164); HEX: #cfe7e2, RGB: (207, 231, 226); HEX: #474555, RGB: (71, 69, 85)
Simplified version of palette colors
Shade of cyan, Shade of lightsalmon, Tint of Teal, Tint of mediumaquamarine, Tint of lightcyan, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Web design ui uiux colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#50ece9 #50ece9 RGB(80, 236, 233)
#f8a383 #f8a383 RGB(248, 163, 131)
#0c7775 #0c7775 RGB(12, 119, 117)
#78baa4 #78baa4 RGB(120, 186, 164)
#cfe7e2 #cfe7e2 RGB(207, 231, 226)
#474555 #474555 RGB(71, 69, 85)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#50ece9
#f8a383
1.37
#50ece9
#78baa4
1.55
#50ece9
#cfe7e2
1.11
#f8a383
#78baa4
1.12
#f8a383
#cfe7e2
1.53
#0c7775
#474555
1.73

Image palette Web design ui uiux colours png