Payment calculator mobile responsive loan platform clean white minimal interface colours

  • #a3c947
  • #d4e0fc
  • #51661e
  • #5c8ba8
  • #b6c7d3
  • #5d7622
  0.28k
Created at 01/08/2020 11:16
The palette consists of Light, Semi dark colors. Accent colors #d4e0fc and #5d7622. Palette has Cool colors temperature.

By lightness, this palette runs from #51661E (darkest) to #D4E0FC (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

A varied palette: its hues are spread across about 145° of the color wheel.

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

HEX codes (sorted): #51661E, #5C8BA8, #5D7622, #A3C947, #B6C7D3, #D4E0FC

Palette Payment calculator mobile responsive loan platform clean white minimal interface colours combines 6 color codes:
HEX: #a3c947, RGB: (163, 201, 71); HEX: #d4e0fc, RGB: (212, 224, 252); HEX: #51661e, RGB: (81, 102, 30)
HEX: #5c8ba8, RGB: (92, 139, 168); HEX: #b6c7d3, RGB: (182, 199, 211); HEX: #5d7622, RGB: (93, 118, 34)
Simplified version of palette colors
Tint of Yellow Green, Shade of Lavender, Shade of Dark Olive Green, Tint of Steel Blue, Tint of Light Steel Blue, Tint of Dark Olive Green
Color scheme was created by colorswall

Color codes in palette

Payment calculator mobile responsive loan platform clean white minimal interface colours color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#a3c947#a3c947RGB(163, 201, 71)——
#d4e0fc#d4e0fcRGB(212, 224, 252)——
#51661e#51661eRGB(81, 102, 30)——
#5c8ba8#5c8ba8RGB(92, 139, 168)——
#b6c7d3#b6c7d3RGB(182, 199, 211)——
#5d7622#5d7622RGB(93, 118, 34)——

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#a3c947
#d4e0fc
1.44
#a3c947
#5c8ba8
1.92
#a3c947
#b6c7d3
1.09
#d4e0fc
#b6c7d3
1.31
#51661e
#5c8ba8
1.74
#51661e
#5d7622
1.24

Image palette Payment calculator mobile responsive loan platform clean white minimal interface colours png