Generate Palette
  1. Color Palettes
  2. Interaction navigation tabs micro colors

Interaction navigation tabs micro colors

  • #84cca4
  • #a3fbcc
  • #04140c
  • #648e74
  • #c4c4c4
  • #34503c
  0.16k
Created at 01/09/2022 17:14
bycolorswall
The palette consists of Light, Dark, Semi dark colors. Accent colors #a3fbcc and Weathered Stone #c4c4c4. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #04140C (darkest) to #A3FBCC (lightest). The lightness range is wide.

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

An analogous palette: its hues sit close together on the color wheel, within about 13°.

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

HEX codes (sorted): #04140C, #34503C, #648E74, #84CCA4, #A3FBCC, #C4C4C4

Palette Interaction navigation tabs micro colors combines 6 color codes:
HEX: #84cca4, RGB: (132, 204, 164); HEX: #a3fbcc, RGB: (163, 251, 204); HEX: #04140c, RGB: (4, 20, 12)
HEX: #648e74, RGB: (100, 142, 116); HEX: #c4c4c4, RGB: (196, 196, 196); HEX: #34503c, RGB: (52, 80, 60)
Simplified version of palette colors
Tint of Medium Aquamarine, Tint of Aquamarine, Tint of Black, Tint of Sea Green, Tint of Silver, Shade of Dark Slate Gray
Color scheme was created by colorswall

Color codes in palette

Interaction navigation tabs micro colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#84cca4#84cca4RGB(132, 204, 164)——
#a3fbcc#a3fbccRGB(163, 251, 204)——
#04140c#04140cRGB(4, 20, 12)——
#648e74#648e74RGB(100, 142, 116)——
#c4c4c4#c4c4c4RGB(196, 196, 196)—Weathered Stone
#34503c#34503cRGB(52, 80, 60)——

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#84cca4
#a3fbcc
1.54
#84cca4
#648e74
1.96
#84cca4
#c4c4c4
1.07
#a3fbcc
#c4c4c4
1.43

Image palette Interaction navigation tabs micro colors png

Interaction navigation tabs micro colors: #84cca4, #a3fbcc, #04140c, #648e74, #c4c4c4, #34503c
 Download image