Loading...
Created at 11/02/2021 09:28
  0.18k

Design ui colours

  • #06e7da
  • #f98260
  • #089c94
  • #649cac
  • #aad0c7
  • #385a5f
Loading...
The palette consists of Light, Semi dark colors. Accent colors #06e7da and #f98260. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #385A5F (darkest) to #AAD0C7 (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): #06E7DA, #089C94, #385A5F, #649CAC, #AAD0C7, #F98260

Palette Design ui colours has combination of 6 codes colors:
HEX: #06e7da, RGB: (6, 231, 218); HEX: #f98260, RGB: (249, 130, 96); HEX: #089c94, RGB: (8, 156, 148)
HEX: #649cac, RGB: (100, 156, 172); HEX: #aad0c7, RGB: (170, 208, 199); HEX: #385a5f, RGB: (56, 90, 95)
Simplified version of palette colors
Tint of turquoise, Shade of coral, Shade of darkcyan, Shade of cadetblue, Tint of powderblue, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Design ui colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#06e7da #06e7da RGB(6, 231, 218)
#f98260 #f98260 RGB(249, 130, 96)
#089c94 #089c94 RGB(8, 156, 148)
#649cac #649cac RGB(100, 156, 172)
#aad0c7 #aad0c7 RGB(170, 208, 199)
#385a5f #385a5f RGB(56, 90, 95)

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#06e7da
#f98260
1.6
#06e7da
#649cac
1.95
#06e7da
#aad0c7
1.07
#f98260
#089c94
1.35
#f98260
#649cac
1.21
#f98260
#aad0c7
1.49

Image palette Design ui colours png

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