Loading...
Created at 03/03/2020 13:58
  0.19k

Portfolio design ui site

  • #5bf2a4
  • #51e898
  • #040d2c
  • #6a7e84
  • #b1d5c6
  • #325956
Loading...
The palette consists of Light, Dark, Semi dark colors. Accent colors #5bf2a4 and #040d2c. Palette has Cool colors temperature.

By lightness, this palette runs from #040D2C (darkest) to #B1D5C6 (lightest). The lightness range is wide.

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

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #040D2C, #325956, #51E898, #5BF2A4, #6A7E84, #B1D5C6

Palette Portfolio design ui site has combination of 6 codes colors:
HEX: #5bf2a4, RGB: (91, 242, 164); HEX: #51e898, RGB: (81, 232, 152); HEX: #040d2c, RGB: (4, 13, 44)
HEX: #6a7e84, RGB: (106, 126, 132); HEX: #b1d5c6, RGB: (177, 213, 198); HEX: #325956, RGB: (50, 89, 86)
Simplified version of palette colors
Shade of mediumspringgreen, Shade of mediumspringgreen, Tint of midnightblue, Tint of slategrey, Tint of powderblue, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Portfolio design ui site color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5bf2a4 #5bf2a4 RGB(91, 242, 164)
#51e898 #51e898 RGB(81, 232, 152)
#040d2c #040d2c RGB(4, 13, 44)
#6a7e84 #6a7e84 RGB(106, 126, 132)
#b1d5c6 #b1d5c6 RGB(177, 213, 198)
#325956 #325956 RGB(50, 89, 86)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#5bf2a4
#51e898
1.1
#5bf2a4
#b1d5c6
1.11
#51e898
#b1d5c6
1.01
#6a7e84
#325956
1.82

Image palette Portfolio design ui site png

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