Loading...
Created at 07/07/2022 21:38
  0.14k

App ux logo typography hex colors

  • Bright Yellow (Crayola)
    #f6ac2f
  • Topaz
    #f9cc7f
  • Caput Mortuum
    #562218
  • Ocean Green
    #54b484
  • Beau Blue
    #b6d5d8
  • Charcoal
    #333e50
Loading...
The palette consists of Light, Dark colors. Accent colors Bright Yellow (Crayola) #f6ac2f and Beau Blue #b6d5d8. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #562218 (darkest) to #B6D5D8 (lightest). The lightness range is wide.

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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #333E50, #54B484, #562218, #B6D5D8, #F6AC2F, #F9CC7F

Palette App ux logo typography hex colors has combination of 6 codes colors:
HEX: #f6ac2f, RGB: (246, 172, 47); HEX: #f9cc7f, RGB: (249, 204, 127); HEX: #562218, RGB: (86, 34, 24)
HEX: #54b484, RGB: (84, 180, 132); HEX: #b6d5d8, RGB: (182, 213, 216); HEX: #333e50, RGB: (51, 62, 80)
Simplified version of palette colors
Shade of Orange, Tint of navajowhite, Shade of Maroon, Shade of mediumseagreen, Tint of powderblue, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

App ux logo typography hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f6ac2f #f6ac2f RGB(246, 172, 47)Bright Yellow (Crayola)
#f9cc7f #f9cc7f RGB(249, 204, 127)Topaz
#562218 #562218 RGB(86, 34, 24)Caput Mortuum
#54b484 #54b484 RGB(84, 180, 132)Ocean Green
#b6d5d8 #b6d5d8 RGB(182, 213, 216)Beau Blue
#333e50 #333e50 RGB(51, 62, 80)Charcoal

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f6ac2f
#f9cc7f
1.28
#f6ac2f
#54b484
1.31
#f6ac2f
#b6d5d8
1.24
#f9cc7f
#54b484
1.69
#f9cc7f
#b6d5d8
1.03
#562218
#333e50
1.18

Image palette App ux logo typography hex colors png

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