Framework vuejs clean components hex colors

0.24k

Created at 02/03/2020 10:24

The palette consists of Semi dark, Light, Dark colors. Accent colors #1c44fc and #f9d56b. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #202C3C (darkest) to #F9D56B (lightest). The lightness range is wide.

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

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Warm and cool swatches are fairly balanced (3 warm, 3 cool).

HEX codes (sorted): #1C44FC, #202C3C, #4D6795, #9C443E, #D5BFAA, #F9D56B

Palette Framework vuejs clean components hex colors combines 6 color codes:

HEX: #1c44fc, RGB: (28, 68, 252); HEX: #f9d56b, RGB: (249, 213, 107); HEX: #9c443e, RGB: (156, 68, 62)

HEX: #4d6795, RGB: (77, 103, 149); HEX: #d5bfaa, RGB: (213, 191, 170); HEX: #202c3c, RGB: (32, 44, 60)

Simplified version of palette colors

Tint of Blue, Tint of Gold, Tint of Brown, Shade of Royal Blue, Tint of Tan, Tint of Midnight Blue

Color scheme was created by colorswall

Color codes in palette

Framework vuejs clean components hex colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#1c44fc	#1c44fc	RGB(28, 68, 252)	—	—
#f9d56b	#f9d56b	RGB(249, 213, 107)	—	—
#9c443e	#9c443e	RGB(156, 68, 62)	—	—
#4d6795	#4d6795	RGB(77, 103, 149)	—	—
#d5bfaa	#d5bfaa	RGB(213, 191, 170)	—	—
#202c3c	#202c3c	RGB(32, 44, 60)	—	—

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