Created at 08/06/2021 10:52
  0.24k

Interaction design ux date picker product colors

  • #18d0fa
  • #99ecc8
  • #c41b1b
  • #af6369
  • #cfb9c9
  • #2d3c24
The palette consists of Light colors. Accent colors #18d0fa and #c41b1b. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #2D3C24 (darkest) to #CFB9C9 (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 warm.

HEX codes (sorted): #18D0FA, #2D3C24, #99ECC8, #AF6369, #C41B1B, #CFB9C9

Palette Interaction design ux date picker product colors has combination of 6 codes colors:
HEX: #18d0fa, RGB: (24, 208, 250); HEX: #99ecc8, RGB: (153, 236, 200); HEX: #c41b1b, RGB: (196, 27, 27)
HEX: #af6369, RGB: (175, 99, 105); HEX: #cfb9c9, RGB: (207, 185, 201); HEX: #2d3c24, RGB: (45, 60, 36)
Simplified version of palette colors
Tint of skyblue, Tint of aquamarine, Shade of firebrick, Tint of indianred, Tint of thistle, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Interaction design ux date picker product colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#18d0fa #18d0fa RGB(24, 208, 250)
#99ecc8 #99ecc8 RGB(153, 236, 200)
#c41b1b #c41b1b RGB(196, 27, 27)
#af6369 #af6369 RGB(175, 99, 105)
#cfb9c9 #cfb9c9 RGB(207, 185, 201)
#2d3c24 #2d3c24 RGB(45, 60, 36)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#18d0fa
#99ecc8
1.32
#18d0fa
#cfb9c9
1
#99ecc8
#cfb9c9
1.32
#c41b1b
#af6369
1.36
#c41b1b
#2d3c24
1.97

Image palette Interaction design ux date picker product colors png