Hero section layout tech recruitment firm hex colors

  • #2ac3a4
  • #b4e0dc
  • #543420
  • #a27b5e
  • #ccb095
  • #2b5857
  0.18k
Created at 06/18/2021 14:46
The palette consists of Light, Semi dark colors. Accent colors #2ac3a4 and #543420. Palette has Cool, Warm colors temperature.

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

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

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Warm and cool swatches are fairly balanced (3 warm, 3 cool).

HEX codes (sorted): #2AC3A4, #2B5857, #543420, #A27B5E, #B4E0DC, #CCB095

Palette Hero section layout tech recruitment firm hex colors combines 6 color codes:
HEX: #2ac3a4, RGB: (42, 195, 164); HEX: #b4e0dc, RGB: (180, 224, 220); HEX: #543420, RGB: (84, 52, 32)
HEX: #a27b5e, RGB: (162, 123, 94); HEX: #ccb095, RGB: (204, 176, 149); HEX: #2b5857, RGB: (43, 88, 87)
Simplified version of palette colors
Shade of mediumaquamarine, Tint of powderblue, Shade of saddlebrown, Shade of peru, Shade of tan, Tint of darkslategrey
Color scheme was created by colorswall

Color codes in palette

Hero section layout tech recruitment firm hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2ac3a4 #2ac3a4 RGB(42, 195, 164)——
#b4e0dc #b4e0dc RGB(180, 224, 220)——
#543420 #543420 RGB(84, 52, 32)——
#a27b5e #a27b5e RGB(162, 123, 94)——
#ccb095 #ccb095 RGB(204, 176, 149)——
#2b5857 #2b5857 RGB(43, 88, 87)——

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#2ac3a4
#b4e0dc
1.55
#2ac3a4
#a27b5e
1.7
#2ac3a4
#ccb095
1.08
#b4e0dc
#ccb095
1.43
#543420
#2b5857
1.39
#a27b5e
#ccb095
1.84

Image palette Hero section layout tech recruitment firm hex colors png