Caribbean Green

HEX: #00CC99 | Modern Palette

On White
2.08:1
FAIL
On Black
10.10:1
PASS

Color Specifications

HEX
#00CC99
RGB
0, 204, 153
HSL
165°, 100% ,40%
CMYK
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

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

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.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #00CC99 from deepest shade to lightest tint.

Color Characteristics

Mood
Bold
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #AFAF9C
Protanopia #C2C298
Tritanopia #37C6C6
Achromatopsia #B4B4B4

Frequently Asked Questions

Caribbean Green (#00CC99) is a color with RGB(0, 204, 153) and HSL(165°, 100%, 40%).

#00CC99 pairs strongly with Vivid Crimson (#CC0033) as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#00CC99 is suitable for Text, Button, Accent and works well with Vivid, Cool styles.

#00CC99 is commonly associated with Bold.

The name Caribbean Green is linked to Caribbean Green from English, meaning A shade of green reminiscent of the vibrant plant life and clear waters found in the Caribbean region..

Name, History & Etymology

Origin Word Caribbean Green
Meaning A shade of green reminiscent of the vibrant plant life and clear waters found in the Caribbean region.
Language English
First Recorded Use Late 20th Century

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.

Similar Named Colors

Shamrock #45CEA2 ΔE 2.59
Eucalyptus #44D7A8 ΔE 3.57
Mountain Meadow #30BA8F ΔE 4.83
Medium Aquamarine #66DDAA ΔE 6.07

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);
}