Created at 11/08/2019 07:53
  0.21k

Web design ui hex colors

  • #fbec5c
  • #f2d98e
  • #745420
  • #4cacac
  • #afcd9d
  • #344444
The palette consists of Light, Semi dark colors. Accent colors #fbec5c and #4cacac. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #344444 (darkest) to #F2D98E (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 warm.

HEX codes (sorted): #344444, #4CACAC, #745420, #AFCD9D, #F2D98E, #FBEC5C

Palette Web design ui hex colors has combination of 6 codes colors:
HEX: #fbec5c, RGB: (251, 236, 92); HEX: #f2d98e, RGB: (242, 217, 142); HEX: #745420, RGB: (116, 84, 32)
HEX: #4cacac, RGB: (76, 172, 172); HEX: #afcd9d, RGB: (175, 205, 157); HEX: #344444, RGB: (52, 68, 68)
Simplified version of palette colors
Shade of Khaki, Tint of Khaki, Shade of saddlebrown, Shade of lightseagreen, Shade of darkseagreen, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

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

Color HEX RGB Name Alternative name
#fbec5c #fbec5c RGB(251, 236, 92)
#f2d98e #f2d98e RGB(242, 217, 142)
#745420 #745420 RGB(116, 84, 32)
#4cacac #4cacac RGB(76, 172, 172)
#afcd9d #afcd9d RGB(175, 205, 157)
#344444 #344444 RGB(52, 68, 68)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fbec5c
#f2d98e
1.14
#fbec5c
#afcd9d
1.43
#f2d98e
#4cacac
1.93
#f2d98e
#afcd9d
1.25
#745420
#344444
1.47
#4cacac
#afcd9d
1.54

Image palette Web design ui hex colors png