Flat ux design illustration hex colors

  • #10c1b4
  • #70a7f5
  • #6a6b23
  • #6580b0
  • #b2be8d
  • #432426
  0.17k

Flat ux design illustration hex colors has 6 colors spread across many hues. The lightest color is Dark Sea Green (#B2BE8D), the darkest Black (#432426). Its strongest contrast pair is #432426 on #B2BE8D (7.0:1, WCAG AAA).

Created at 03/17/2020 10:21
The palette consists of Light, Semi dark, Dark colors. Accent colors #70a7f5 and #6a6b23. Palette has Cool, Warm colors temperature.

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

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

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

Warm and cool swatches are fairly balanced (3 warm, 3 cool).

HEX codes (sorted): #10C1B4, #432426, #6580B0, #6A6B23, #70A7F5, #B2BE8D

Palette Flat ux design illustration hex colors combines 6 color codes:
HEX: #10c1b4, RGB: (16, 193, 180); HEX: #70a7f5, RGB: (112, 167, 245); HEX: #6a6b23, RGB: (106, 107, 35)
HEX: #6580b0, RGB: (101, 128, 176); HEX: #b2be8d, RGB: (178, 190, 141); HEX: #432426, RGB: (67, 36, 38)
Simplified version of palette colors
Tint of Light Sea Green, Tint of Cornflower Blue, Tint of Dark Olive Green, Tint of Steel Blue, Tint of Dark Sea Green, Tint of Black
Color scheme was created by colorswall

Color codes in palette

Flat ux design illustration hex colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#10c1b4#10c1b4RGB(16, 193, 180)——
#70a7f5#70a7f5RGB(112, 167, 245)——
#6a6b23#6a6b23RGB(106, 107, 35)——
#6580b0#6580b0RGB(101, 128, 176)——
#b2be8d#b2be8dRGB(178, 190, 141)——
#432426#432426RGB(67, 36, 38)——

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#10c1b4
#70a7f5
1.09
#10c1b4
#6580b0
1.76
#10c1b4
#b2be8d
1.14
#70a7f5
#6580b0
1.62
#70a7f5
#b2be8d
1.24
#6a6b23
#6580b0
1.4

Image palette Flat ux design illustration hex colors png