Loading...
Created at 06/18/2020 21:22
  0.19k

Homepage website patient ux palette

  • #054ed2
  • #8bade4
  • #04349c
  • #a8585b
  • #b8bfd2
  • #2c2948
Loading...
The palette consists of Light, Dark colors. Accent colors #054ed2 and #a8585b. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #2C2948 (darkest) to #B8BFD2 (lightest). The lightness range is wide.

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

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #04349C, #054ED2, #2C2948, #8BADE4, #A8585B, #B8BFD2

Palette Homepage website patient ux palette has combination of 6 codes colors:
HEX: #054ed2, RGB: (5, 78, 210); HEX: #8bade4, RGB: (139, 173, 228); HEX: #04349c, RGB: (4, 52, 156)
HEX: #a8585b, RGB: (168, 88, 91); HEX: #b8bfd2, RGB: (184, 191, 210); HEX: #2c2948, RGB: (44, 41, 72)
Simplified version of palette colors
Tint of royalblue, Shade of cornflowerblue, Tint of darkslateblue, Tint of indianred, Tint of lightsteelblue, Shade of midnightblue
Color scheme was created by colorswall

Colors codes in palette

Homepage website patient ux palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#054ed2 #054ed2 RGB(5, 78, 210)
#8bade4 #8bade4 RGB(139, 173, 228)
#04349c #04349c RGB(4, 52, 156)
#a8585b #a8585b RGB(168, 88, 91)
#b8bfd2 #b8bfd2 RGB(184, 191, 210)Sweet Juliet
#2c2948 #2c2948 RGB(44, 41, 72)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#054ed2
#04349c
1.53
#054ed2
#a8585b
1.39
#054ed2
#2c2948
1.99
#8bade4
#b8bfd2
1.24
#04349c
#2c2948
1.3

Image palette Homepage website patient ux palette png

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