Loading...
Created at 02/16/2022 11:30
  0.18k

Web design homepage landing page hex colors

  • Bitter Lemon
    #cbe005
  • Sunny
    #effc7d
  • Citron
    #9cac0c
  • Dark Brown-Tangelo
    #906c50
  • Weldon Blue
    #7c9cb4
  • Charcoal
    #32475a
Loading...
The palette consists of Light colors. Accent colors Bitter Lemon #cbe005 and Charcoal #32475a. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #32475A (darkest) to #EFFC7D (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 warm.

HEX codes (sorted): #32475A, #7C9CB4, #906C50, #9CAC0C, #CBE005, #EFFC7D

Palette Web design homepage landing page hex colors has combination of 6 codes colors:
HEX: #cbe005, RGB: (203, 224, 5); HEX: #effc7d, RGB: (239, 252, 125); HEX: #9cac0c, RGB: (156, 172, 12)
HEX: #906c50, RGB: (144, 108, 80); HEX: #7c9cb4, RGB: (124, 156, 180); HEX: #32475a, RGB: (50, 71, 90)
Simplified version of palette colors
Tint of Yellow, Shade of Khaki, Tint of Yellowgreen, Shade of sienna, Shade of lightslategrey, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Web design homepage landing page hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#cbe005 #cbe005 RGB(203, 224, 5)Bitter Lemon
#effc7d #effc7d RGB(239, 252, 125)Sunny
#9cac0c #9cac0c RGB(156, 172, 12)Citron
#906c50 #906c50 RGB(144, 108, 80)Dark Brown-Tangelo
#7c9cb4 #7c9cb4 RGB(124, 156, 180)Weldon Blue
#32475a #32475a RGB(50, 71, 90)Charcoal

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#cbe005
#effc7d
1.32
#cbe005
#9cac0c
1.7
#cbe005
#7c9cb4
1.95
#9cac0c
#906c50
1.87
#9cac0c
#7c9cb4
1.14
#906c50
#7c9cb4
1.63

Image palette Web design homepage landing page hex colors png

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