Created at 01/03/2022 18:15
  0.16k

Ui product design medical app hex colors

#2684cc
#7cccf4
#105c98
#5990b4
#d6a4a4
#1c2c34
Sign In to save palette in collection
The palette consists of Light, Semi dark, Dark colors. Accent colors #7cccf4 and #d6a4a4. Palette has Cool, Warm colors temperature.
Palette Ui product design medical app hex colors has combination of 6 codes colors:
HEX: #2684cc, RGB: (38, 132, 204); HEX: #7cccf4, RGB: (124, 204, 244); HEX: #105c98, RGB: (16, 92, 152)
HEX: #5990b4, RGB: (89, 144, 180); HEX: #d6a4a4, RGB: (214, 164, 164); HEX: #1c2c34, RGB: (28, 44, 52)
Simplified version of palette colors
Tint of steelblue, Tint of lightskyblue, Tint of royalblue, Shade of steelblue, Shade of rosybrown, Shade of midnightblue
Color scheme was created by colorswall

Colors codes in palette

Ui product design medical app hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2684cc RGB(38, 132, 204)
#7cccf4 RGB(124, 204, 244)
#105c98 RGB(16, 92, 152)
#5990b4 RGB(89, 144, 180)
#d6a4a4 RGB(214, 164, 164)
#1c2c34 RGB(28, 44, 52)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#2684cc
#105c98
1.74
#2684cc
#5990b4
1.15
#2684cc
#d6a4a4
1.84
#7cccf4
#5990b4
1.94
#7cccf4
#d6a4a4
1.21
#5990b4
#d6a4a4
1.59

Image palette Ui product design medical app hex colors png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes