Created at 03/29/2021 12:08
  0.19k

Vector design beginners ui hex colors

#3cd4a4
#d8f38a
#176c51
#4c9c7c
#a0cfba
#34444c
The palette consists of Light, Semi dark colors. Accent colors #d8f38a and #34444c. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #34444C (darkest) to #D8F38A (lightest). The lightness range is moderate.

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): #176C51, #34444C, #3CD4A4, #4C9C7C, #A0CFBA, #D8F38A

Palette Vector design beginners ui hex colors has combination of 6 codes colors:
HEX: #3cd4a4, RGB: (60, 212, 164); HEX: #d8f38a, RGB: (216, 243, 138); HEX: #176c51, RGB: (23, 108, 81)
HEX: #4c9c7c, RGB: (76, 156, 124); HEX: #a0cfba, RGB: (160, 207, 186); HEX: #34444c, RGB: (52, 68, 76)
Simplified version of palette colors
Tint of mediumaquamarine, Shade of Khaki, Tint of seashell, Shade of seashell, Shade of mediumaquamarine, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Vector design beginners ui hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3cd4a4 #3cd4a4 RGB(60, 212, 164)
#d8f38a #d8f38a RGB(216, 243, 138)
#176c51 #176c51 RGB(23, 108, 81)
#4c9c7c #4c9c7c RGB(76, 156, 124)
#a0cfba #a0cfba RGB(160, 207, 186)
#34444c #34444c RGB(52, 68, 76)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3cd4a4
#d8f38a
1.53
#3cd4a4
#4c9c7c
1.75
#3cd4a4
#a0cfba
1.08
#d8f38a
#a0cfba
1.41
#176c51
#4c9c7c
1.92
#176c51
#34444c
1.58

Image palette Vector design beginners ui hex colors png