Loading...
Created at 12/04/2019 20:20
  0.34k

Front-end development web datatable css palette

  • #6cdf1f
  • #ccf4b1
  • #387410
  • #9c645c
  • #bcdbbb
  • #4c544c
Loading...
The palette consists of Light, Semi dark colors. Accent colors #6cdf1f and #387410. Palette has Warm, Neutral colors temperature.

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

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

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #387410, #4C544C, #6CDF1F, #9C645C, #BCDBBB, #CCF4B1

Palette Front-end development web datatable css palette has combination of 6 codes colors:
HEX: #6cdf1f, RGB: (108, 223, 31); HEX: #ccf4b1, RGB: (204, 244, 177); HEX: #387410, RGB: (56, 116, 16)
HEX: #9c645c, RGB: (156, 100, 92); HEX: #bcdbbb, RGB: (188, 219, 187); HEX: #4c544c, RGB: (76, 84, 76)
Simplified version of palette colors
Tint of lawngreen, Shade of lightgreen, Shade of Green, Tint of indianred, Shade of darkseagreen, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Front-end development web datatable css palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#6cdf1f #6cdf1f RGB(108, 223, 31)
#ccf4b1 #ccf4b1 RGB(204, 244, 177)
#387410 #387410 RGB(56, 116, 16)
#9c645c #9c645c RGB(156, 100, 92)
#bcdbbb #bcdbbb RGB(188, 219, 187)
#4c544c #4c544c RGB(76, 84, 76)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#6cdf1f
#ccf4b1
1.4
#6cdf1f
#bcdbbb
1.14
#ccf4b1
#bcdbbb
1.22
#387410
#9c645c
1.19
#387410
#4c544c
1.37
#9c645c
#4c544c
1.63

Image palette Front-end development web datatable css palette png

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