Elf Green

Q: How do I use #128C7E in CSS?

You can use #128C7E in CSS with: background-color: #128C7E; or color: #128C7E; or as an RGB value: rgb(18, 140, 126). For print design, use CMYK: 87%, 0%, 10%, 45%.

#128C7E aka “Teal Green” by WhatsApp

Elf Green is a cool dark color with the hex code #128C7E. Also known as "Teal Green" by WhatsApp . This vibrant hue can be represented as RGB 18, 140, 126 in digital design or CMYK 87%, 0%, 10%, 45% for print applications. Find matching Pantone color. Currently, 1 brand uses this color in their visual identity, making it a proven choice for professional branding and web design.

Elf Green color values

HEX: #128C7E
RGB: 18, 140, 126
HSL: 173°, 77%, 31%
CMYK: 87, 0, 10, 45

Shades & tints

Darker Lighter

About this color

Elf Green sits at 173° on the color wheel with 77% saturation and 31% lightness, placing it in the cyan segment of the spectrum. At 77% saturation, the hue is fully legible and confident — richly chromatic without tipping into high-contrast territory. The lower lightness gives it weight and depth, lending gravity to any palette it enters.

In digital environments, Elf Green is rendered as rgb(18, 140, 126), where the green channel leads at 140, with red and blue channels close behind. High saturation combined with low lightness creates deep, jewel-toned results — useful for premium UI elements, hover states, and focused interaction areas.

For print, Elf Green translates to a CMYK breakdown of 87C 0M 10Y 45K. With a moderate key (45%), this color uses black to deepen the chromatic channels rather than replace them, a profile that typically holds up well in both offset and digital print. In brand applications, this exact value is specified as Teal Green.

Color harmonies

Complementary

Analogous

Triadic

Split-Complementary

How to use Elf Green

CSS Variable

:root {
  --brand-primary: #128C7E;
  --brand-primary-rgb: 18, 140, 126;
}

Define as a CSS custom property for consistent theming across your site.

Tailwind Config

colors: {
  brand: '#128C7E',
}

Add to your Tailwind config to use classes like bg-brand.

Print Design (CMYK)

C: 87%
M: 0%
Y: 10%
K: 45%

Use these CMYK values in Adobe Illustrator, InDesign, or print specifications.

RGB for Screens

rgb(18, 140, 126)
rgba(18, 140, 126, 0.8)

Use RGB notation for compatibility or add alpha channel for transparency.

Brands using Elf Green

1 brand uses this color in their identity

Technology • In-house Meta

Brands using similar hue

21 brand s with colors near 173° on the color wheel

Frequently asked questions

What color is #128C7E?

#128C7E is Elf Green, a cool dark color with RGB values of 18, 140, 126. It has a hue of 173°, 77% saturation, and 31% lightness in the HSL color space.

What is the RGB value of #128C7E?

The RGB color code for #128C7E is rgb(18, 140, 126). This means it contains 18 red, 140 green, and 126 blue in the RGB color model.

Is Elf Green a warm or cool color?

Elf Green (#128C7E) is a cool color with a hue between 120-300° on the color wheel.

How do I use #128C7E in CSS?

You can use #128C7E in CSS with: background-color: #128C7E; or color: #128C7E; or as an RGB value: rgb(18, 140, 126). For print design, use CMYK: 87%, 0%, 10%, 45%.