Loading...
Created at 12/26/2022 15:17
Website design online learning landing page colors palette
- Orange-Yellow (Crayola)#fcc368
- Dandelion (Crayola)#fcd474
- Caput Mortuum#54241d
- Redwood#a2574f
- Pastel Blue#acd2ce
- Royal Brown#5c362b
The palette consists of Light, Dark colors. Accent colors Orange-Yellow (Crayola) #fcc368 and Pastel Blue #acd2ce. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #54241D (darkest) to #ACD2CE (lightest). The lightness range is moderate.
Saturation sits in a moderate mid-range.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans warm.
HEX codes (sorted): #54241D, #5C362B, #A2574F, #ACD2CE, #FCC368, #FCD474
Palette Website design online learning landing page colors palette has combination of 6 codes colors:
HEX: #fcc368, RGB: (252, 195, 104); HEX: #fcd474, RGB: (252, 212, 116); HEX: #54241d, RGB: (84, 36, 29)
HEX: #a2574f, RGB: (162, 87, 79); HEX: #acd2ce, RGB: (172, 210, 206); HEX: #5c362b, RGB: (92, 54, 43)
Simplified version of palette colors
Shade of burlywood, Tint of Khaki, Shade of Maroon, Tint of indianred, Tint of powderblue, Shade of Maroon
Color scheme was created by raccoon
Colors codes in palette
Website design online learning landing page colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fcc368 | #fcc368 | RGB(252, 195, 104) | Orange-Yellow (Crayola) | — |
| #fcd474 | #fcd474 | RGB(252, 212, 116) | Dandelion (Crayola) | — |
| #54241d | #54241d | RGB(84, 36, 29) | Caput Mortuum | — |
| #a2574f | #a2574f | RGB(162, 87, 79) | Redwood | — |
| #acd2ce | #acd2ce | RGB(172, 210, 206) | Pastel Blue | — |
| #5c362b | #5c362b | RGB(92, 54, 43) | Royal Brown | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fcc368 | #fcd474 | 1.12 |
#fcc368 | #acd2ce | 1.02 |
#fcd474 | #acd2ce | 1.15 |
#54241d | #5c362b | 1.22 |
#a2574f | #5c362b | 1.98 |
Image palette Website design online learning landing page colors palette png
Export Palette
Download the "Website design online learning landing page colors palette" in multiple formats for seamless integration into your design projects.
Available formats: