Created at 12/09/2022 09:53
  0.11k

Design tiles ui dialog colours

  • Maldives
    #06b7e2
  • Light Crimson
    #fc648c
  • Indigo (Rainbow)
    #1d3361
  • Rackley
    #608fa3
  • Wild Blue Yonder
    #a1a9ce
  • Deep Coffee
    #64403a
The palette consists of Light, Dark colors. Accent colors Maldives #06b7e2 and Light Crimson #fc648c. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #1D3361 (darkest) to #A1A9CE (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): #06B7E2, #1D3361, #608FA3, #64403A, #A1A9CE, #FC648C

Palette Design tiles ui dialog colours has combination of 6 codes colors:
HEX: #06b7e2, RGB: (6, 183, 226); HEX: #fc648c, RGB: (252, 100, 140); HEX: #1d3361, RGB: (29, 51, 97)
HEX: #608fa3, RGB: (96, 143, 163); HEX: #a1a9ce, RGB: (161, 169, 206); HEX: #64403a, RGB: (100, 64, 58)
Simplified version of palette colors
Tint of deepskyblue, Shade of palevioletred, Shade of midnightblue, Tint of lightslategrey, Tint of lightsteelblue, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Design tiles ui dialog colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#06b7e2 #06b7e2 RGB(6, 183, 226)Maldives
#fc648c #fc648c RGB(252, 100, 140)Light Crimson
#1d3361 #1d3361 RGB(29, 51, 97)Indigo (Rainbow)
#608fa3 #608fa3 RGB(96, 143, 163)Rackley
#a1a9ce #a1a9ce RGB(161, 169, 206)Wild Blue Yonder
#64403a #64403a RGB(100, 64, 58)Deep Coffee

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#06b7e2
#fc648c
1.2
#06b7e2
#608fa3
1.49
#06b7e2
#a1a9ce
1.02
#fc648c
#608fa3
1.23
#fc648c
#a1a9ce
1.23
#1d3361
#64403a
1.37

Image palette Design tiles ui dialog colours png