Ui microinteractions animation codepen hex colors

0.3k

Created at 11/30/2019 12:39

The palette consists of Light, Semi dark, Dark colors. Accent colors #6eb34b and #395d27. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #0C0C0C (darkest) to #BCDCAC (lightest). The lightness range is wide.

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

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

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

HEX codes (sorted): #0C0C0C, #395D27, #426B2D, #6EB34B, #BCD4B2, #BCDCAC

Palette Ui microinteractions animation codepen hex colors combines 6 color codes:

HEX: #6eb34b, RGB: (110, 179, 75); HEX: #bcdcac, RGB: (188, 220, 172); HEX: #395d27, RGB: (57, 93, 39)

HEX: #426b2d, RGB: (66, 107, 45); HEX: #bcd4b2, RGB: (188, 212, 178); HEX: #0c0c0c, RGB: (12, 12, 12)

Simplified version of palette colors

Tint of Lime Green, Tint of Dark Sea Green, Shade of Dark Olive Green, Shade of Dark Olive Green, Tint of Dark Sea Green, Tint of Black

Color scheme was created by colorswall

Color codes in palette

Ui microinteractions animation codepen hex colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#6eb34b	#6eb34b	RGB(110, 179, 75)	—	—
#bcdcac	#bcdcac	RGB(188, 220, 172)	—	—
#395d27	#395d27	RGB(57, 93, 39)	—	—
#426b2d	#426b2d	RGB(66, 107, 45)	—	—
#bcd4b2	#bcd4b2	RGB(188, 212, 178)	—	—
#0c0c0c	#0c0c0c	RGB(12, 12, 12)	—	Black Wash

4 color pairs have low contrast and need improvement which may impact readability.