Ui website design hex colors

  • #d49c34
  • #f6e784
  • #68350c
  • #a18c59
  • #d4cca4
  • #684e2d
  0.27k
Created at 10/29/2019 18:20
The palette consists of Light, Semi dark colors. Accent colors #f6e784 and #68350c. Palette has Warm colors temperature.

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

Saturation sits in a moderate mid-range, averaging 56% across the palette.

An analogous palette: its hues sit close together on the color wheel, within about 25°.

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

HEX codes (sorted): #68350C, #684E2D, #A18C59, #D49C34, #D4CCA4, #F6E784

Palette Ui website design hex colors combines 6 color codes:
HEX: #d49c34, RGB: (212, 156, 52); HEX: #f6e784, RGB: (246, 231, 132); HEX: #68350c, RGB: (104, 53, 12)
HEX: #a18c59, RGB: (161, 140, 89); HEX: #d4cca4, RGB: (212, 204, 164); HEX: #684e2d, RGB: (104, 78, 45)
Simplified version of palette colors
Shade of Goldenrod, Tint of Khaki, Shade of Saddle Brown, Tint of Dark Goldenrod, Shade of Pale Goldenrod, Shade of Saddle Brown
Color scheme was created by colorswall

Color codes in palette

Ui website design hex colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#d49c34#d49c34RGB(212, 156, 52)——
#f6e784#f6e784RGB(246, 231, 132)——
#68350c#68350cRGB(104, 53, 12)——
#a18c59#a18c59RGB(161, 140, 89)——
#d4cca4#d4cca4RGB(212, 204, 164)——
#684e2d#684e2dRGB(104, 78, 45)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#d49c34
#f6e784
1.93
#d49c34
#a18c59
1.34
#d49c34
#d4cca4
1.5
#f6e784
#d4cca4
1.28
#68350c
#684e2d
1.29

Image palette Ui website design hex colors png