Loading...
Created at 09/26/2020 07:16
  0.33k

Typography design google gradient colors

  • #fbdc0f
  • #71d7ec
  • #066c8c
  • #5aad99
  • #c4a6b1
  • #446c3c
Loading...
The palette consists of Light, Semi dark colors. Accent colors #fbdc0f and #066c8c. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #066C8C (darkest) to #C4A6B1 (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): #066C8C, #446C3C, #5AAD99, #71D7EC, #C4A6B1, #FBDC0F

Palette Typography design google gradient colors has combination of 6 codes colors:
HEX: #fbdc0f, RGB: (251, 220, 15); HEX: #71d7ec, RGB: (113, 215, 236); HEX: #066c8c, RGB: (6, 108, 140)
HEX: #5aad99, RGB: (90, 173, 153); HEX: #c4a6b1, RGB: (196, 166, 177); HEX: #446c3c, RGB: (68, 108, 60)
Simplified version of palette colors
Shade of gold, Tint of skyblue, Tint of steelblue, Shade of lightseagreen, Tint of thistle, Tint of darkolivegreen
Color scheme was created by colorswall

Colors codes in palette

Typography design google gradient colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fbdc0f #fbdc0f RGB(251, 220, 15)
#71d7ec #71d7ec RGB(113, 215, 236)
#066c8c #066c8c RGB(6, 108, 140)
#5aad99 #5aad99 RGB(90, 173, 153)
#c4a6b1 #c4a6b1 RGB(196, 166, 177)
#446c3c #446c3c RGB(68, 108, 60)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fbdc0f
#71d7ec
1.21
#fbdc0f
#5aad99
1.94
#fbdc0f
#c4a6b1
1.62
#71d7ec
#5aad99
1.6
#71d7ec
#c4a6b1
1.33
#066c8c
#446c3c
1.02

Image palette Typography design google gradient colors png

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