Health tracker medication ui design doctor colors

  • Royal Blue
    #346ce4
  • Cornflower Blue
    #6893f0
  • Police Blue
    #345c6c
  • Weldon Blue
    #7c9ca4
  • Gray (X11)
    #bebdba
  • Arsenic
    #434344
  0.13k
Created at 11/07/2022 11:51
The palette consists of Semi dark, Light colors. Accent colors Cornflower Blue #6893f0 and Gray (X11) #bebdba. Palette has Cool, Neutral colors temperature.

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

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

An analogous palette: its hues sit close together on the color wheel, within about 29°.

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

HEX codes (sorted): #345C6C, #346CE4, #434344, #6893F0, #7C9CA4, #BEBDBA

Palette Health tracker medication ui design doctor colors combines 6 color codes:
HEX: #346ce4, RGB: (52, 108, 228); HEX: #6893f0, RGB: (104, 147, 240); HEX: #345c6c, RGB: (52, 92, 108)
HEX: #7c9ca4, RGB: (124, 156, 164); HEX: #bebdba, RGB: (190, 189, 186); HEX: #434344, RGB: (67, 67, 68)
Simplified version of palette colors
Shade of Royal Blue, Tint of Cornflower Blue, Tint of Dark Slate Gray, Tint of Cadet Blue, Shade of Silver, Shade of Dark Slate Gray
Color scheme was created by colorswall

Color codes in palette

Health tracker medication ui design doctor colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#346ce4#346ce4RGB(52, 108, 228)Royal Blue—
#6893f0#6893f0RGB(104, 147, 240)Cornflower Blue—
#345c6c#345c6cRGB(52, 92, 108)Police Blue—
#7c9ca4#7c9ca4RGB(124, 156, 164)Weldon Blue—
#bebdba#bebdbaRGB(190, 189, 186)Gray (X11)—
#434344#434344RGB(67, 67, 68)Arsenic—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#346ce4
#6893f0
1.59
#346ce4
#345c6c
1.52
#346ce4
#7c9ca4
1.62
#6893f0
#7c9ca4
1.01
#6893f0
#bebdba
1.59
#345c6c
#434344
1.36

Image palette Health tracker medication ui design doctor colors png