Responsive website web design movie app bootstrap

  • #acfa2d
  • #a4f42c
  • #672716
  • #7b8b96
  • #cbd1b0
  • #496137
  0.2k
Created at 09/14/2020 15:15
The palette consists of Light, Semi dark colors. Accent colors #acfa2d and #7b8b96. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #672716 (darkest) to #ACFA2D (lightest). The lightness range is moderate.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

The hues stay in one region of the color wheel, spanning about 82°.

Overall temperature among swatches leans cool (3 of 6).

HEX codes (sorted): #496137, #672716, #7B8B96, #A4F42C, #ACFA2D, #CBD1B0

Palette Responsive website web design movie app bootstrap combines 6 color codes:
HEX: #acfa2d, RGB: (172, 250, 45); HEX: #a4f42c, RGB: (164, 244, 44); HEX: #672716, RGB: (103, 39, 22)
HEX: #7b8b96, RGB: (123, 139, 150); HEX: #cbd1b0, RGB: (203, 209, 176); HEX: #496137, RGB: (73, 97, 55)
Simplified version of palette colors
Shade of Green Yellow, Shade of Green Yellow, Tint of Maroon, Tint of Light Slate Gray, Shade of Beige, Shade of Dark Olive Green
Color scheme was created by colorswall

Color codes in palette

Responsive website web design movie app bootstrap color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#acfa2d#acfa2dRGB(172, 250, 45)——
#a4f42c#a4f42cRGB(164, 244, 44)——
#672716#672716RGB(103, 39, 22)——
#7b8b96#7b8b96RGB(123, 139, 150)——
#cbd1b0#cbd1b0RGB(203, 209, 176)——
#496137#496137RGB(73, 97, 55)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#acfa2d
#a4f42c
1.05
#acfa2d
#cbd1b0
1.23
#a4f42c
#cbd1b0
1.17
#672716
#496137
1.62
#7b8b96
#496137
1.96

Image palette Responsive website web design movie app bootstrap png