Loading...
Created at 09/12/2019 07:14
  0.27k

Web design layout website colors palette

  • #8ac6d5
  • #9dcfdb
  • #2c4c5c
  • #6a8490
  • #e5d7cf
  • #2d4456
Loading...
The palette consists of Light colors. Accent colors #8ac6d5 and #e5d7cf. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #2D4456 (darkest) to #E5D7CF (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 cool.

HEX codes (sorted): #2C4C5C, #2D4456, #6A8490, #8AC6D5, #9DCFDB, #E5D7CF

Palette Web design layout website colors palette has combination of 6 codes colors:
HEX: #8ac6d5, RGB: (138, 198, 213); HEX: #9dcfdb, RGB: (157, 207, 219); HEX: #2c4c5c, RGB: (44, 76, 92)
HEX: #6a8490, RGB: (106, 132, 144); HEX: #e5d7cf, RGB: (229, 215, 207); HEX: #2d4456, RGB: (45, 68, 86)
Simplified version of palette colors
Tint of skyblue, Tint of lightblue, Tint of darkslategrey, Shade of slategrey, Tint of linen, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Web design layout website colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#8ac6d5 #8ac6d5 RGB(138, 198, 213)
#9dcfdb #9dcfdb RGB(157, 207, 219)
#2c4c5c #2c4c5c RGB(44, 76, 92)
#6a8490 #6a8490 RGB(106, 132, 144)
#e5d7cf #e5d7cf RGB(229, 215, 207)
#2d4456 #2d4456 RGB(45, 68, 86)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#8ac6d5
#9dcfdb
1.11
#8ac6d5
#e5d7cf
1.34
#9dcfdb
#e5d7cf
1.2
#2c4c5c
#2d4456
1.1

Image palette Web design layout website colors palette png

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