Reggae Color Psychology & Meaning
Reggae green-gold-red is pan-African colors adopted by the Rastafari movement and popularized globally through reggae music. These colors carry spiritual and political meaning beyond aesthetics.
#009B48
#FFD700
#CC0000
#000000
Background
Primary Accent
Secondary
Body Text
Reggae
vibrantpositivecultural summerall musicbrandinglifestyle
AA
WCAG Grade
5.8:1
Contrast Ratio
2,200
Saves
5,900
AI Copies
Use #009B48 as the background. Use #FFD700 as the primary accent. Use #CC0000 as secondary. Use #000000 as body text/supporting color. Palette mood: Reggae — vibrant, positive, cultural.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Reggae color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).
| Swatch | Design Role | HEX | RGB | CMYK | HSL |
|---|---|---|---|---|---|
| Background Luminance: 23.9% | 0, 155, 72 | 100%, 0%, 54%, 39% | 148°, 100%, 30% | ||
| Primary Accent Luminance: 69.9% | 255, 215, 0 | 0%, 16%, 100%, 0% | 51°, 100%, 50% | ||
| Secondary Luminance: 12.8% | 204, 0, 0 | 0%, 100%, 100%, 20% | 0°, 100%, 40% | ||
| Body Text Luminance: 0.0% | 0, 0, 0 | 0%, 0%, 0%, 100% | 0°, 0%, 0% |
Color Harmony: Split-Complementary Scheme
The Reggae palette is built using a split-complementary relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A split-complementary palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
The Pan-African flag (1920) codified the green-gold-red combination. Reggae music and Rastafari culture spread this palette globally from Jamaica in the 1960s-1970s.
Best Design Use Cases
Green for the base in cultural contexts. Gold for primary brand elements. Red for secondary accents. Black for text. Use respectfully — these colors have cultural weight.
Industries This Palette Suits
Music brands, Caribbean lifestyle, Pan-African brands, summer campaigns, festivals.
How to Implement the Reggae Color Scheme
To use this Reggae color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.
Option 1: CSS Variables
:root {
/* {name} Palette - ihatecolors.com */{'
'} --color-bg: {colors[0]};{'
'} --color-primary: {colors[1]};{'
'} --color-secondary: {colors[2]};{'
'} --color-text: {colors[3]};{'
'} {'}'}Web Design Tip
Use #009B48 for the main background and #FFD700 for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #000000 and #009B48 is 5.78:1 (AA). Ensure your body text remains legible.