Caribbean Green
HEX: #00CC99 | Modern Palette
Color Specifications
#00CC99
0, 204, 153
165°, 100% ,40%
100, 0, 25, 20
About Caribbean Green
Caribbean Green (#00CC99) is a color with RGB(0, 204, 153) and HSL(165°, 100%, 40%). It is commonly associated with Bold moods. In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is Vivid Crimson (#CC0033), which creates strong contrast. Its triadic palette includes #9900CC and Vivid Amber (#CC9900). The name comes from Caribbean Green (English).
- HEX: #00CC99
- RGB: 0, 204, 153
- HSL: 165°, 100%, 40%
- Mood: Bold
- Style: Vivid, Cool
- Use case: Text, Button, Accent
- Complementary color: Vivid Crimson (#CC0033)
- Triadic colors: #9900CC, Vivid Amber (#CC9900)
- The name comes from Caribbean Green (English).
Live Components
Color Palettes
Caribbean Green #00CC99 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.
Color Harmonies
Caribbean Green #00CC99 pairs with Vivid Crimson (#CC0033) as its complementary color, and #9900CC and Vivid Amber (#CC9900) in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Frequently Asked Questions
Name, History & Etymology
History
The name 'Caribbean Green' is a descriptive color name, meaning it directly evokes an image or place. The Caribbean region is renowned for its lush tropical vegetation, including palm trees, various foliage, and the distinctive turquoise-green hues of its shallow coastal waters. This color name aims to capture that specific, bright, and often slightly bluish-green associated with the idyllic imagery of the Caribbean. It's a color often used in design to convey freshness, tropical themes, relaxation, and natural beauty.
First Recorded Use
The specific color name 'Caribbean Green' likely gained popularity and formal recognition with the advent of standardized color systems (like Pantone) and digital color palettes. While the concept of a 'Caribbean green' might have existed earlier descriptively, its formal naming and widespread use as a distinct color term probably solidified in the latter half of the 20th century.
Cultural Associations
In Western cultures, colors like 'Caribbean Green' are strongly associated with vacation, tropical paradises, nature, and tranquility. It's frequently used in tourism marketing for Caribbean destinations, swimwear, resort wear, and home decor aiming for a relaxed, beachy aesthetic. It can also evoke feelings of vitality and health due to its association with lush plant life.
Code Snippets
/* Background */
.element {
background-color: #00CC99;
}
/* Text */
.element {
color: #00CC99;
}
/* Border */
.element {
border: 1px solid #00CC99;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#00CC99,
#CC0033
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#00CC99,
#CC0033
);
}// SCSS variable
$caribbean-green: #00CC99;
// With RGB channels (useful for rgba() usage)
$caribbean-green-r: 0;
$caribbean-green-g: 204;
$caribbean-green-b: 153;
// Usage
.element {
background-color: $caribbean-green;
color: rgba($caribbean-green-r, $caribbean-green-g, $caribbean-green-b, 0.8);
}