Tea Green

HEX: #D0F0C0 | Modern Palette

On White
1.24:1
FAIL
On Black
16.91:1
PASS

Color Specifications

HEX
#D0F0C0
RGB
208, 240, 192
HSL
100°, 61% ,84%
CMYK
13, 0, 20, 6

About Tea Green

Tea Green (#D0F0C0) is a color with RGB(208, 240, 192) and HSL(100°, 61.5%, 84.7%). In design, it fits Cool styles and is suitable for Text, Button, Background. Its complementary color is #E0C0F0, which creates strong contrast. Its triadic palette includes #C0D0F0 and #F0C0D0. The name comes from Tea Green (English).

  • HEX: #D0F0C0
  • RGB: 208, 240, 192
  • HSL: 100°, 61.5%, 84.7%
  • Style: Cool
  • Use case: Text, Button, Background
  • Complementary color: #E0C0F0
  • Triadic colors: #C0D0F0, #F0C0D0
  • The name comes from Tea 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 #D0F0C0 from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Cool
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #E7E7C1
Protanopia #EDEDC0
Tritanopia #D7EBEB
Achromatopsia #E7E7E7

Frequently Asked Questions

Tea Green (#D0F0C0) is a color with RGB(208, 240, 192) and HSL(100°, 61.5%, 84.7%).

#D0F0C0 pairs strongly with #E0C0F0 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#D0F0C0 is suitable for Text, Button, Background and works well with Cool styles.

The name Tea Green is linked to Tea Green from English, meaning A light, pale green color reminiscent of the color of green tea leaves or the hue often associated with tea-related aesthetics..

Name, History & Etymology

Origin Word Tea Green
Meaning A light, pale green color reminiscent of the color of green tea leaves or the hue often associated with tea-related aesthetics.
Language English
First Recorded Use Late 19th - Early 20th Century

History

The concept of 'tea green' as a color is intrinsically linked to the global popularity of tea, particularly green tea, which has been cultivated and consumed for millennia. As tea became more widespread in Western cultures, especially from the 17th century onwards, its associated imagery and colors began to influence descriptive language. The specific color 'Tea Green' (#d0f0c0) is a modern hexadecimal representation, but the descriptive term likely predates digital color codes. It falls into a category of nature-inspired greens, often evoking freshness, nature, and tranquility.

First Recorded Use

The exact first recorded use of 'Tea Green' as a specific color name is difficult to pinpoint precisely, but color names derived from natural objects and beverages became more common in the late 19th and early 20th centuries with the rise of standardized color systems and commercial dyes. It likely emerged as a descriptive term before being formalized.

Cultural Associations

In many cultures, green is associated with nature, growth, renewal, and harmony. 'Tea Green' specifically can evoke feelings of calm and natural purity, similar to the beverage itself. In East Asian cultures, where green tea originated, green holds significant cultural importance, often symbolizing health, prosperity, and peace. The color can also be associated with spring and new beginnings. Its pale, gentle quality makes it popular in interior design, fashion, and branding for products aiming for a natural or soothing aesthetic.

Similar Named Colors
Nyanza #E9FFDB ΔE 5.30
Moss Green #ADDFAD ΔE 5.88
Celadon #ACE1AF ΔE 5.97
Granny Smith Apple #A8E4A0 ΔE 7.26

Code Snippets

/* Background */
.element {
    background-color: #D0F0C0;
}

/* Text */
.element {
    color: #D0F0C0;
}

/* Border */
.element {
    border: 1px solid #D0F0C0;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #D0F0C0,
        #E0C0F0
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #D0F0C0,
        #E0C0F0
    );
}

// SCSS variable
$tea-green: #D0F0C0;

// With RGB channels (useful for rgba() usage)
$tea-green-r: 208;
$tea-green-g: 240;
$tea-green-b: 192;

// Usage
.element {
    background-color: $tea-green;
    color: rgba($tea-green-r, $tea-green-g, $tea-green-b, 0.8);
}