Created at 05/04/2020 13:34
  0.21k

Website ui design hex colors

  • #18aa6a
  • #f3fcf8
  • #13744c
  • #448c74
  • #acb8be
  • #1e4234
The palette consists of Light, Semi dark colors. Accent colors #18aa6a and #13744c. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #1E4234 (darkest) to #F3FCF8 (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #13744C, #18AA6A, #1E4234, #448C74, #ACB8BE, #F3FCF8

Palette Website ui design hex colors has combination of 6 codes colors:
HEX: #18aa6a, RGB: (24, 170, 106); HEX: #f3fcf8, RGB: (243, 252, 248); HEX: #13744c, RGB: (19, 116, 76)
HEX: #448c74, RGB: (68, 140, 116); HEX: #acb8be, RGB: (172, 184, 190); HEX: #1e4234, RGB: (30, 66, 52)
Simplified version of palette colors
Tint of mediumseagreen, Tint of mintcream, Tint of seashell, Shade of seashell, Tint of Silver, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

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

Color HEX RGB Name Alternative name
#18aa6a #18aa6a RGB(24, 170, 106)
#f3fcf8 #f3fcf8 RGB(243, 252, 248)
#13744c #13744c RGB(19, 116, 76)
#448c74 #448c74 RGB(68, 140, 116)
#acb8be #acb8be RGB(172, 184, 190)
#1e4234 #1e4234 RGB(30, 66, 52)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#18aa6a
#13744c
1.92
#18aa6a
#448c74
1.33
#18aa6a
#acb8be
1.47
#f3fcf8
#acb8be
1.94
#13744c
#448c74
1.44
#13744c
#1e4234
1.92

Image palette Website ui design hex colors png