Generate Palette
  1. Color Palettes
  2. Tints Flat UI color Orange #F39C12 hex

Tints Flat UI color Orange #F39C12 hex

  • #f4a62a
  • #f5b041
  • #f7ba59
  • #f8c471
  • #f9ce89
  • #fad7a0
  • #fbe1b8
  • #fdebd0
  • #fef5e7
  • #ffffff
  0.76k
Created at 02/17/2020 09:22
bycolorswall
The palette consists of Light colors. Accent colors #fdebd0 and #fef5e7. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #F4A62A (darkest) to #FFFFFF (lightest). The lightness range is relatively narrow.

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

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

Overall temperature among swatches leans warm (8 of 10).

HEX codes (sorted): #F4A62A, #F5B041, #F7BA59, #F8C471, #F9CE89, #FAD7A0, #FBE1B8, #FDEBD0, #FEF5E7, #FFFFFF

Palette Tints Flat UI color Orange #F39C12 hex combines 10 color codes:
HEX: #f4a62a, RGB: (244, 166, 42); HEX: #f5b041, RGB: (245, 176, 65); HEX: #f7ba59, RGB: (247, 186, 89)
HEX: #f8c471, RGB: (248, 196, 113); HEX: #f9ce89, RGB: (249, 206, 137); HEX: #fad7a0, RGB: (250, 215, 160)
HEX: #fbe1b8, RGB: (251, 225, 184); HEX: #fdebd0, RGB: (253, 235, 208); HEX: #fef5e7, RGB: (254, 245, 231)
HEX: #ffffff, RGB: (255, 255, 255)
Simplified version of palette colors
Tint of Orange, Tint of Orange, Tint of Goldenrod, Tint of Burlywood, Shade of Navajo White, Shade of Navajo White, Tint of Wheat, Shade of Blanched Almond, Tint of Old Lace, White
Color scheme was created by colorswall

Color codes in palette

Tints Flat UI color Orange #F39C12 hex color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f4a62a #f4a62a RGB(244, 166, 42)——
#f5b041 #f5b041 RGB(245, 176, 65)——
#f7ba59 #f7ba59 RGB(247, 186, 89)——
#f8c471 #f8c471 RGB(248, 196, 113)——
#f9ce89 #f9ce89 RGB(249, 206, 137)——
#fad7a0 #fad7a0 RGB(250, 215, 160)——
#fbe1b8 #fbe1b8 RGB(251, 225, 184)——
#fdebd0 #fdebd0 RGB(253, 235, 208)——
#fef5e7 #fef5e7 RGB(254, 245, 231)——
#ffffff #ffffff RGB(255, 255, 255)—White

Color Palette Contrast

44 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f4a62a
#f5b041
1.08
#f4a62a
#f7ba59
1.17
#f4a62a
#f8c471
1.27
#f4a62a
#f9ce89
1.37
#f4a62a
#fad7a0
1.47
#f4a62a
#fbe1b8
1.6

Image palette Tints Flat UI color Orange #F39C12 hex png

Tints Flat UI color Orange #F39C12 hex: #f4a62a, #f5b041, #f7ba59, #f8c471, #f9ce89, #fad7a0, #fbe1b8, #fdebd0, #fef5e7
 Download image