Created at 02/11/2020 14:06
  0.29k

Design web banner ux colors palette

#f4dc04
#6fbae2
#6a161c
#789d69
#a0bbcb
#3b6848
Sign In to save palette in collection
The palette consists of Light, Dark, Semi dark colors. Accent colors #f4dc04 and #6fbae2. Palette has Warm, Cool, Neutral colors temperature.
Palette Design web banner ux colors palette has combination of 6 codes colors:
HEX: #f4dc04, RGB: (244, 220, 4); HEX: #6fbae2, RGB: (111, 186, 226); HEX: #6a161c, RGB: (106, 22, 28)
HEX: #789d69, RGB: (120, 157, 105); HEX: #a0bbcb, RGB: (160, 187, 203); HEX: #3b6848, RGB: (59, 104, 72)
Simplified version of palette colors
Shade of gold, Tint of lightskyblue, Shade of Maroon, Tint of darkseagreen, Tint of lightsteelblue, Tint of darkolivegreen
Color scheme was created by colorswall

Colors codes in palette

Design web banner ux colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f4dc04 RGB(244, 220, 4)
#6fbae2 RGB(111, 186, 226)
#6a161c RGB(106, 22, 28)
#789d69 RGB(120, 157, 105)
#a0bbcb RGB(160, 187, 203)
#3b6848 RGB(59, 104, 72)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f4dc04
#6fbae2
1.53
#f4dc04
#a0bbcb
1.44
#6fbae2
#789d69
1.43
#6fbae2
#a0bbcb
1.06
#6a161c
#3b6848
1.86
#789d69
#a0bbcb
1.53

Image palette Design web banner ux colors palette png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes