Loading...
Created at 07/22/2021 16:42
  0.26k

Ui design location uiux user interface colors palette

  • #74cad1
  • #f8f2b3
  • #205e63
  • #5f9ca4
  • #d4d4a4
  • #3d444c
Loading...
The palette consists of Light, Semi dark colors. Accent colors #f8f2b3 and #205e63. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #205E63 (darkest) to #F8F2B3 (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): #205E63, #3D444C, #5F9CA4, #74CAD1, #D4D4A4, #F8F2B3

Palette Ui design location uiux user interface colors palette has combination of 6 codes colors:
HEX: #74cad1, RGB: (116, 202, 209); HEX: #f8f2b3, RGB: (248, 242, 179); HEX: #205e63, RGB: (32, 94, 99)
HEX: #5f9ca4, RGB: (95, 156, 164); HEX: #d4d4a4, RGB: (212, 212, 164); HEX: #3d444c, RGB: (61, 68, 76)
Simplified version of palette colors
Shade of darkturquoise, Shade of palegoldenrod, Shade of darkslategrey, Tint of cadetblue, Tint of palegoldenrod, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Ui design location uiux user interface colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#74cad1 #74cad1 RGB(116, 202, 209)
#f8f2b3 #f8f2b3 RGB(248, 242, 179)
#205e63 #205e63 RGB(32, 94, 99)
#5f9ca4 #5f9ca4 RGB(95, 156, 164)
#d4d4a4 #d4d4a4 RGB(212, 212, 164)
#3d444c #3d444c RGB(61, 68, 76)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#74cad1
#f8f2b3
1.65
#74cad1
#5f9ca4
1.63
#74cad1
#d4d4a4
1.23
#f8f2b3
#d4d4a4
1.33
#205e63
#3d444c
1.33

Image palette Ui design location uiux user interface colors palette png

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