Loading...
Created at 06/13/2020 08:29
  0.22k

Personal layout grid portfolio

  • #ef910a
  • #b8d1de
  • #08619b
  • #988677
  • #b0ccd2
  • #5f4941
Loading...
The palette consists of Light, Semi dark colors. Accent colors #ef910a and #08619b. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #5F4941 (darkest) to #B8D1DE (lightest). The lightness range is moderate.

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

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #08619B, #5F4941, #988677, #B0CCD2, #B8D1DE, #EF910A

Palette Personal layout grid portfolio has combination of 6 codes colors:
HEX: #ef910a, RGB: (239, 145, 10); HEX: #b8d1de, RGB: (184, 209, 222); HEX: #08619b, RGB: (8, 97, 155)
HEX: #988677, RGB: (152, 134, 119); HEX: #b0ccd2, RGB: (176, 204, 210); HEX: #5f4941, RGB: (95, 73, 65)
Simplified version of palette colors
Tint of darkorange, Tint of lightblue, Tint of royalblue, Shade of Grey, Tint of lightblue, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Personal layout grid portfolio color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ef910a #ef910a RGB(239, 145, 10)
#b8d1de #b8d1de RGB(184, 209, 222)
#08619b #08619b RGB(8, 97, 155)
#988677 #988677 RGB(152, 134, 119)
#b0ccd2 #b0ccd2 RGB(176, 204, 210)
#5f4941 #5f4941 RGB(95, 73, 65)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ef910a
#b8d1de
1.51
#ef910a
#988677
1.45
#ef910a
#b0ccd2
1.42
#b8d1de
#b0ccd2
1.06
#08619b
#988677
1.88
#08619b
#5f4941
1.26

Image palette Personal layout grid portfolio png

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