Loading...
Created at 06/03/2021 15:27
  0.2k

Vector ui design orange hex colors

  • #16aee5
  • #60d4fb
  • #0c1a1f
  • #6498a5
  • #ababb8
  • #4c342c
Loading...
The palette consists of Light, Dark colors. Accent colors #60d4fb and #4c342c. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #0C1A1F (darkest) to #ABABB8 (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).

Overall temperature among swatches leans cool.

HEX codes (sorted): #0C1A1F, #16AEE5, #4C342C, #60D4FB, #6498A5, #ABABB8

Palette Vector ui design orange hex colors has combination of 6 codes colors:
HEX: #16aee5, RGB: (22, 174, 229); HEX: #60d4fb, RGB: (96, 212, 251); HEX: #0c1a1f, RGB: (12, 26, 31)
HEX: #6498a5, RGB: (100, 152, 165); HEX: #ababb8, RGB: (171, 171, 184); HEX: #4c342c, RGB: (76, 52, 44)
Simplified version of palette colors
Tint of deepskyblue, Tint of skyblue, Shade of Black, Tint of cadetblue, Shade of darkgrey, Shade of Maroon
Color scheme was created by colorswall

Colors codes in palette

Vector ui design orange hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#16aee5 #16aee5 RGB(22, 174, 229)
#60d4fb #60d4fb RGB(96, 212, 251)
#0c1a1f #0c1a1f RGB(12, 26, 31)
#6498a5 #6498a5 RGB(100, 152, 165)
#ababb8 #ababb8 RGB(171, 171, 184)
#4c342c #4c342c RGB(76, 52, 44)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#16aee5
#60d4fb
1.49
#16aee5
#6498a5
1.24
#16aee5
#ababb8
1.12
#60d4fb
#6498a5
1.87
#60d4fb
#ababb8
1.33
#0c1a1f
#4c342c
1.55

Image palette Vector ui design orange hex colors png

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