Skip to main content

Recycling Green

#12BA1B

Recycling Green is a cool medium color with the hex code #12BA1B. This vibrant hue can be represented as RGB 18, 186, 27 in digital design or CMYK 90%, 0%, 85%, 27% for print applications. Find matching Pantone color.

Recycling Green Color Values

HEX
#12BA1B
RGB
18, 186, 27
HSL
123°, 82%, 40%
CMYK
90, 0, 85, 27

Shades & Tints

Darker Lighter

About this color

Recycling Green sits at 123° on the color wheel, placing it in the cool color family, typically conveying calm and professionalism. With 82% saturation and 40% lightness, this vibrant medium hue balances visibility with restraint.

In digital design, cool colors like Recycling Green work well for backgrounds, navigation, and establishing trust. Medium-toned colors offer versatility across both light and dark design themes.

When using Recycling Green in print, the CMYK breakdown of 90%, 0%, 85%, 27% ensures accurate color reproduction. This balanced CMYK profile should reproduce consistently across different printing methods.

Color Harmonies

Complementary

Analogous

Triadic

Split-Complementary

How to use Recycling Green

CSS Variable 

:root {
  --brand-primary: #12BA1B;
  --brand-primary-rgb: 18, 186, 27;
}

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

Tailwind Config 

colors: {
  brand: '#12BA1B',
}

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

Print Design (CMYK) 

C: 90%
M: 0%
Y: 85%
K: 27%

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

RGB for Screens 

rgb(18, 186, 27)
rgba(18, 186, 27, 0.8)

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

Brands Using the Same Hue

3 brand s with colors near 123° on the color wheel

Google logo
Google
Pixar logo
Pixar
Spotify logo
Spotify

Frequently Asked Questions

What color is #12BA1B?
#12BA1B is Recycling Green, a cool medium color with RGB values of 18, 186, 27. It has a hue of 123°, 82% saturation, and 40% lightness in the HSL color space.
What is the RGB value of #12BA1B?
The RGB color code for #12BA1B is rgb(18, 186, 27). This means it contains 18 red, 186 green, and 27 blue in the RGB color model.
Is Recycling Green a warm or cool color?
Recycling Green (#12BA1B) is a cool color with a hue between 120-300° on the color wheel.
How do I use #12BA1B in CSS?
You can use #12BA1B in CSS with: background-color: #12BA1B; or color: #12BA1B; or as an RGB value: rgb(18, 186, 27). For print design, use CMYK: 90%, 0%, 85%, 27%.

Color Tools