Cyber Yellow Color Palette
A striking cyber yellow palette for attention-grabbing designs. Ideal for warnings, construction, and tech themes.
Dark Gold
HEX: #713f12
RGB: rgb(113, 63, 18)
HSL: hsl(28, 73%, 26%)
Bronze
HEX: #a16207
RGB: rgb(161, 98, 7)
HSL: hsl(35, 92%, 33%)
Cyber Yellow
HEX: #eab308
RGB: rgb(234, 179, 8)
HSL: hsl(45, 93%, 47%)
Bright Yellow
HEX: #fde047
RGB: rgb(253, 224, 71)
HSL: hsl(50, 98%, 64%)
Yellow Light
HEX: #fef9c3
RGB: rgb(254, 249, 195)
HSL: hsl(55, 97%, 88%)
CSS Variables
:root {
--cyber-yellow-1: #713f12;
--cyber-yellow-2: #a16207;
--cyber-yellow-3: #eab308;
--cyber-yellow-4: #fde047;
--cyber-yellow-5: #fef9c3;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'cyber-yellow': {
'100': '#713f12',
'200': '#a16207',
'300': '#eab308',
'400': '#fde047',
'500': '#fef9c3',
},
},
},
},
}Use Cases
Warning systems
Construction brands
Fintech highlights
Promotional banners
Related Palettes
Frequently Asked Questions
Why does yellow grab attention so effectively?▾
Yellow is the most visible color in the spectrum and the first color the human eye notices. This makes it ideal for warnings, highlights, and call-to-action elements.
What are the challenges of using yellow in web design?▾
Yellow can be hard to read against white backgrounds and may cause eye strain in large areas. Use it as an accent rather than a primary background color.