Loading...
Created at 02/13/2023 20:26
  0.1k

Minimal design ux landing hex colors

  • Chinese Brown
    #b53120
  • Topaz
    #f4c478
  • Antique Bronze
    #646b19
  • Light Slate Gray
    #76949c
  • Ash Gray
    #bfc4b0
  • Mud
    #635b35
Loading...
The palette consists of Light, Semi dark colors. Accent colors Topaz #f4c478 and Light Slate Gray #76949c. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #646B19 (darkest) to #BFC4B0 (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): #635B35, #646B19, #76949C, #B53120, #BFC4B0, #F4C478

Palette Minimal design ux landing hex colors has combination of 6 codes colors:
HEX: #b53120, RGB: (181, 49, 32); HEX: #f4c478, RGB: (244, 196, 120); HEX: #646b19, RGB: (100, 107, 25)
HEX: #76949c, RGB: (118, 148, 156); HEX: #bfc4b0, RGB: (191, 196, 176); HEX: #635b35, RGB: (99, 91, 53)
Simplified version of palette colors
Shade of firebrick, Shade of burlywood, Shade of darkolivegreen, Shade of lightslategrey, Shade of Silver, Tint of darkolivegreen
Color scheme was created by hex

Colors codes in palette

Minimal design ux landing hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#b53120 #b53120 RGB(181, 49, 32)Chinese Brown
#f4c478 #f4c478 RGB(244, 196, 120)Topaz
#646b19 #646b19 RGB(100, 107, 25)Antique Bronze
#76949c #76949c RGB(118, 148, 156)Light Slate Gray
#bfc4b0 #bfc4b0 RGB(191, 196, 176)Ash Gray
#635b35 #635b35 RGB(99, 91, 53)Mud

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#b53120
#646b19
1.06
#b53120
#76949c
1.89
#b53120
#635b35
1.11
#f4c478
#bfc4b0
1.1
#646b19
#76949c
1.77
#646b19
#635b35
1.18

Image palette Minimal design ux landing hex colors png

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