Roboto slab landing webdesig googlefonts

  • #fbe504
  • #f28a8e
  • #389404
  • #ab7c63
  • #d0b8b0
  • #472020
  0.21k
Created at 11/29/2019 07:55
The palette consists of Light, Dark colors. Accent colors #fbe504 and #389404. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #472020 (darkest) to #FBE504 (lightest). The lightness range is wide.

Saturation is mixed — 1 muted and 3 vivid out of 6 colors.

The hues stay in one region of the color wheel, spanning about 101°.

Overall temperature among swatches leans warm (5 of 6).

HEX codes (sorted): #389404, #472020, #AB7C63, #D0B8B0, #F28A8E, #FBE504

Palette Roboto slab landing webdesig googlefonts combines 6 color codes:
HEX: #fbe504, RGB: (251, 229, 4); HEX: #f28a8e, RGB: (242, 138, 142); HEX: #389404, RGB: (56, 148, 4)
HEX: #ab7c63, RGB: (171, 124, 99); HEX: #d0b8b0, RGB: (208, 184, 176); HEX: #472020, RGB: (71, 32, 32)
Simplified version of palette colors
Tint of Gold, Tint of Light Coral, Tint of Forest Green, Shade of Peru, Shade of Silver, Tint of Maroon
Color scheme was created by colorswall

Color codes in palette

Roboto slab landing webdesig googlefonts color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#fbe504#fbe504RGB(251, 229, 4)——
#f28a8e#f28a8eRGB(242, 138, 142)——
#389404#389404RGB(56, 148, 4)——
#ab7c63#ab7c63RGB(171, 124, 99)——
#d0b8b0#d0b8b0RGB(208, 184, 176)——
#472020#472020RGB(71, 32, 32)——

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#fbe504
#f28a8e
1.85
#fbe504
#d0b8b0
1.46
#f28a8e
#389404
1.62
#f28a8e
#ab7c63
1.51
#f28a8e
#d0b8b0
1.26
#389404
#ab7c63
1.07

Image palette Roboto slab landing webdesig googlefonts png