Ui ux icons design illustration colors

  • #1d86e6
  • #2cb2f5
  • #245470
  • #649149
  • #a4bcd4
  • #304b5b
  0.27k

Ui ux icons design illustration colors has 6 colors, mostly blue. The lightest color is Light Steel Blue (#A4BCD4), the darkest Dark Slate Gray (#304B5B). Its strongest contrast pair is #304B5B on #A4BCD4 (4.6:1, WCAG AA).

Created at 07/25/2020 16:30
The palette consists of Light, Semi dark colors. Accent colors #1d86e6 and #2cb2f5. Palette has Cool colors temperature.

By lightness, this palette runs from #304B5B (darkest) to #A4BCD4 (lightest). The lightness range is moderate.

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

The hues stay in one region of the color wheel, spanning about 113°.

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

HEX codes (sorted): #1D86E6, #245470, #2CB2F5, #304B5B, #649149, #A4BCD4

Palette Ui ux icons design illustration colors combines 6 color codes:
HEX: #1d86e6, RGB: (29, 134, 230); HEX: #2cb2f5, RGB: (44, 178, 245); HEX: #245470, RGB: (36, 84, 112)
HEX: #649149, RGB: (100, 145, 73); HEX: #a4bcd4, RGB: (164, 188, 212); HEX: #304b5b, RGB: (48, 75, 91)
Simplified version of palette colors
Shade of Dodger Blue, Tint of Deep Sky Blue, Tint of Dark Slate Gray, Tint of Olive Drab, Shade of Light Steel Blue, Shade of Dark Slate Gray
Color scheme was created by colorswall

Color codes in palette

Ui ux icons design illustration colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#1d86e6#1d86e6RGB(29, 134, 230)——
#2cb2f5#2cb2f5RGB(44, 178, 245)——
#245470#245470RGB(36, 84, 112)——
#649149#649149RGB(100, 145, 73)——
#a4bcd4#a4bcd4RGB(164, 188, 212)——
#304b5b#304b5bRGB(48, 75, 91)——

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#1d86e6
#2cb2f5
1.56
#1d86e6
#649149
1.01
#1d86e6
#a4bcd4
1.91
#2cb2f5
#649149
1.54
#2cb2f5
#a4bcd4
1.21
#245470
#304b5b
1.12

Image palette Ui ux icons design illustration colors png