Loading...
Created at 01/27/2023 11:36
  76

System input dropdowns ui design colors

  • Sea Serpent
    #41bdce
  • Pastel Blue
    #a3c4d6
  • Blue Sapphire
    #176d71
  • Philippine Gray
    #848c8c
  • Gray (X11)
    #bdb6c7
  • Indigo (Rainbow)
    #27385b
Loading...
The palette consists of Light, Semi dark colors. Accent colors Sea Serpent #41bdce and Blue Sapphire #176d71. Palette has Cool colors temperature.

By lightness, this palette runs from #27385B (darkest) to #BDB6C7 (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #176D71, #27385B, #41BDCE, #848C8C, #A3C4D6, #BDB6C7

Palette System input dropdowns ui design colors has combination of 6 codes colors:
HEX: #41bdce, RGB: (65, 189, 206); HEX: #a3c4d6, RGB: (163, 196, 214); HEX: #176d71, RGB: (23, 109, 113)
HEX: #848c8c, RGB: (132, 140, 140); HEX: #bdb6c7, RGB: (189, 182, 199); HEX: #27385b, RGB: (39, 56, 91)
Simplified version of palette colors
Shade of darkturquoise, Tint of lightblue, Tint of Teal, Shade of Grey, Tint of thistle, Tint of darkslateblue
Color scheme was created by colorslib

Colors codes in palette

System input dropdowns ui design colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#41bdce #41bdce RGB(65, 189, 206)Sea Serpent
#a3c4d6 #a3c4d6 RGB(163, 196, 214)Pastel Blue
#176d71 #176d71 RGB(23, 109, 113)Blue Sapphire
#848c8c #848c8c RGB(132, 140, 140)Philippine Gray
#bdb6c7 #bdb6c7 RGB(189, 182, 199)Gray (X11)
#27385b #27385b RGB(39, 56, 91)Indigo (Rainbow)

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#41bdce
#a3c4d6
1.21
#41bdce
#848c8c
1.53
#41bdce
#bdb6c7
1.13
#a3c4d6
#848c8c
1.86
#a3c4d6
#bdb6c7
1.06
#176d71
#848c8c
1.76

Image palette System input dropdowns ui design colors png

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