Web medical ui health colours

  • #f7b233
  • #5b8ef9
  • #332c5f
  • #5b5b63
  • #d6d3e2
  • #3c393a
  0.25k
Created at 06/12/2020 10:58
The palette consists of Light, Dark, Semi dark colors. Accent colors #f7b233 and #5b8ef9. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #332C5F (darkest) to #D6D3E2 (lightest). The lightness range is moderate.

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

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

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

HEX codes (sorted): #332C5F, #3C393A, #5B5B63, #5B8EF9, #D6D3E2, #F7B233

Palette Web medical ui health colours combines 6 color codes:
HEX: #f7b233, RGB: (247, 178, 51); HEX: #5b8ef9, RGB: (91, 142, 249); HEX: #332c5f, RGB: (51, 44, 95)
HEX: #5b5b63, RGB: (91, 91, 99); HEX: #d6d3e2, RGB: (214, 211, 226); HEX: #3c393a, RGB: (60, 57, 58)
Simplified version of palette colors
Tint of Orange, Shade of Cornflower Blue, Tint of Midnight Blue, Shade of Dim Gray, Shade of Lavender, Tint of Black
Color scheme was created by colorswall

Color codes in palette

Web medical ui health colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f7b233 #f7b233 RGB(247, 178, 51)——
#5b8ef9 #5b8ef9 RGB(91, 142, 249)——
#332c5f #332c5f RGB(51, 44, 95)——
#5b5b63 #5b5b63 RGB(91, 91, 99)——
#d6d3e2 #d6d3e2 RGB(214, 211, 226)——
#3c393a #3c393a RGB(60, 57, 58)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f7b233
#5b8ef9
1.7
#f7b233
#d6d3e2
1.25
#332c5f
#5b5b63
1.87
#332c5f
#3c393a
1.1
#5b5b63
#3c393a
1.69

Image palette Web medical ui health colours png