Created at 11/30/2019 10:54
  0.26k

Sketch design personnel management interface colours

  • #22c5f2
  • #8ae4f6
  • #243c84
  • #635c9a
  • #ceb5a4
  • #644c3c
The palette consists of Light, Semi dark colors. Accent colors #22c5f2 and #ceb5a4. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #644C3C (darkest) to #8AE4F6 (lightest). The lightness range is moderate.

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

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #22C5F2, #243C84, #635C9A, #644C3C, #8AE4F6, #CEB5A4

Palette Sketch design personnel management interface colours has combination of 6 codes colors:
HEX: #22c5f2, RGB: (34, 197, 242); HEX: #8ae4f6, RGB: (138, 228, 246); HEX: #243c84, RGB: (36, 60, 132)
HEX: #635c9a, RGB: (99, 92, 154); HEX: #ceb5a4, RGB: (206, 181, 164); HEX: #644c3c, RGB: (100, 76, 60)
Simplified version of palette colors
Shade of deepskyblue, Tint of powderblue, Tint of darkslateblue, Tint of slateblue, Shade of tan, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Sketch design personnel management interface colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#22c5f2 #22c5f2 RGB(34, 197, 242)
#8ae4f6 #8ae4f6 RGB(138, 228, 246)
#243c84 #243c84 RGB(36, 60, 132)
#635c9a #635c9a RGB(99, 92, 154)
#ceb5a4 #ceb5a4 RGB(206, 181, 164)
#644c3c #644c3c RGB(100, 76, 60)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#22c5f2
#8ae4f6
1.4
#22c5f2
#ceb5a4
1.04
#8ae4f6
#ceb5a4
1.34
#243c84
#635c9a
1.71
#243c84
#644c3c
1.28
#635c9a
#644c3c
1.33

Image palette Sketch design personnel management interface colours png