Created at 03/27/2023 17:28
  48

Landing web page website design hex colors

  • Ocean Blue
    #4c45b2
  • Pale Cerulean
    #9ec8e6
  • Coconut
    #925e36
  • Blue-Violet (Crayola)
    #645db3
  • Maximum Blue Purple
    #aeabd8
  • Jacarta
    #3a3557
The palette consists of Light colors. Accent colors Pale Cerulean #9ec8e6 and Coconut #925e36. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #3A3557 (darkest) to #9EC8E6 (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).

Overall temperature among swatches leans cool.

HEX codes (sorted): #3A3557, #4C45B2, #645DB3, #925E36, #9EC8E6, #AEABD8

Palette Landing web page website design hex colors has combination of 6 codes colors:
HEX: #4c45b2, RGB: (76, 69, 178); HEX: #9ec8e6, RGB: (158, 200, 230); HEX: #925e36, RGB: (146, 94, 54)
HEX: #645db3, RGB: (100, 93, 179); HEX: #aeabd8, RGB: (174, 171, 216); HEX: #3a3557, RGB: (58, 53, 87)
Simplified version of palette colors
Shade of darkslateblue, Shade of lightskyblue, Shade of sienna, Tint of slateblue, Tint of lightsteelblue, Tint of darkslateblue
Color scheme was created by colorstudio

Colors codes in palette

Landing web page website design hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4c45b2 #4c45b2 RGB(76, 69, 178)Ocean Blue
#9ec8e6 #9ec8e6 RGB(158, 200, 230)Pale Cerulean
#925e36 #925e36 RGB(146, 94, 54)Coconut
#645db3 #645db3 RGB(100, 93, 179)Blue-Violet (Crayola)
#aeabd8 #aeabd8 RGB(174, 171, 216)Maximum Blue Purple
#3a3557 #3a3557 RGB(58, 53, 87)Jacarta

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4c45b2
#925e36
1.38
#4c45b2
#645db3
1.34
#4c45b2
#3a3557
1.53
#9ec8e6
#aeabd8
1.23
#925e36
#645db3
1.03

Image palette Landing web page website design hex colors png