Hero layout landing web

0.28k

Created at 08/21/2020 11:48

The palette consists of Light, Semi dark colors. Accent colors #eec14e and #1bab88. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #3A5F5E (darkest) to #EEC14E (lightest). The lightness range is moderate.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

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

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

HEX codes (sorted): #1BAB88, #3A5F5E, #84D4E4, #9FC8C1, #A67C66, #EEC14E

Palette Hero layout landing web combines 6 color codes:

HEX: #eec14e, RGB: (238, 193, 78); HEX: #84d4e4, RGB: (132, 212, 228); HEX: #1bab88, RGB: (27, 171, 136)

HEX: #a67c66, RGB: (166, 124, 102); HEX: #9fc8c1, RGB: (159, 200, 193); HEX: #3a5f5e, RGB: (58, 95, 94)

Simplified version of palette colors

Tint of Goldenrod, Tint of Sky Blue, Shade of Medium Sea Green, Shade of Rosy Brown, Shade of Powder Blue, Tint of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

Hero layout landing web color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#eec14e	#eec14e	RGB(238, 193, 78)	—	—
#84d4e4	#84d4e4	RGB(132, 212, 228)	—	—
#1bab88	#1bab88	RGB(27, 171, 136)	—	—
#a67c66	#a67c66	RGB(166, 124, 102)	—	—
#9fc8c1	#9fc8c1	RGB(159, 200, 193)	—	—
#3a5f5e	#3a5f5e	RGB(58, 95, 94)	—	—

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