Css design react todo

0.3k

Created at 09/22/2020 13:37

The palette consists of Semi dark, Light, Dark colors. Accent colors #612222 and #455464. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #612222 (darkest) to #D1BCB1 (lightest). The lightness range is moderate.

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

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

Overall temperature among swatches leans warm (4 of 6).

HEX codes (sorted): #455464, #612222, #74848A, #BC4242, #D1BCB1, #DC9C9C

Palette Css design react todo combines 6 color codes:

HEX: #bc4242, RGB: (188, 66, 66); HEX: #dc9c9c, RGB: (220, 156, 156); HEX: #612222, RGB: (97, 34, 34)

HEX: #74848a, RGB: (116, 132, 138); HEX: #d1bcb1, RGB: (209, 188, 177); HEX: #455464, RGB: (69, 84, 100)

Simplified version of palette colors

Tint of Crimson, Tint of Rosy Brown, Tint of Maroon, Tint of Slate Gray, Tint of Silver, Tint of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

Css design react todo color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#bc4242	#bc4242	RGB(188, 66, 66)	—	—
#dc9c9c	#dc9c9c	RGB(220, 156, 156)	—	—
#612222	#612222	RGB(97, 34, 34)	—	—
#74848a	#74848a	RGB(116, 132, 138)	—	—
#d1bcb1	#d1bcb1	RGB(209, 188, 177)	—	—
#455464	#455464	RGB(69, 84, 100)	—	—

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