Generate Palette
  1. Color Palettes
  2. Illustrations ux agency navigation menu hex colors

Illustrations ux agency navigation menu hex colors

  • #ee913c
  • #f2b471
  • #07a8a3
  • #60b9b9
  • #a9c5d5
  • #507136
  0.21k

Illustrations ux agency navigation menu hex colors has 6 colors spread across many hues. The lightest color is Sandy Brown (#F2B471), the darkest Dark Olive Green (#507136). Its strongest contrast pair is #507136 on #A9C5D5 (3.0:1, WCAG AA for large text).

Created at 10/27/2019 06:58
bycolorswall
The palette consists of Light, Semi dark colors. Accent colors #ee913c and #07a8a3. Palette has Warm, Cool colors temperature.

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

Saturation sits in a moderate mid-range, averaging 61% across the palette.

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

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

HEX codes (sorted): #07A8A3, #507136, #60B9B9, #A9C5D5, #EE913C, #F2B471

Palette Illustrations ux agency navigation menu hex colors combines 6 color codes:
HEX: #ee913c, RGB: (238, 145, 60); HEX: #f2b471, RGB: (242, 180, 113); HEX: #07a8a3, RGB: (7, 168, 163)
HEX: #60b9b9, RGB: (96, 185, 185); HEX: #a9c5d5, RGB: (169, 197, 213); HEX: #507136, RGB: (80, 113, 54)
Simplified version of palette colors
Tint of Dark Orange, Tint of Sandy Brown, Shade of Light Sea Green, Tint of Light Sea Green, Shade of Light Blue, Tint of Dark Olive Green
Color scheme was created by colorswall

Color codes in palette

Illustrations ux agency navigation menu hex colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#ee913c#ee913cRGB(238, 145, 60)——
#f2b471#f2b471RGB(242, 180, 113)——
#07a8a3#07a8a3RGB(7, 168, 163)——
#60b9b9#60b9b9RGB(96, 185, 185)——
#a9c5d5#a9c5d5RGB(169, 197, 213)——
#507136#507136RGB(80, 113, 54)——

Color Palette Contrast

11 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ee913c
#f2b471
1.31
#ee913c
#07a8a3
1.22
#ee913c
#60b9b9
1.04
#ee913c
#a9c5d5
1.32
#f2b471
#07a8a3
1.61
#f2b471
#60b9b9
1.26

Image palette Illustrations ux agency navigation menu hex colors png

Illustrations ux agency navigation menu hex colors: #ee913c, #f2b471, #07a8a3, #60b9b9, #a9c5d5, #507136
 Download image