Green

#1CAC78

Crayola color

Overview

Crayola's green is a fresh, slightly blue-leaning green at rgb(28, 172, 120), hex #1CAC78. With green dominant and a notable blue component, it sits at 158 degrees on the hue wheel, strongly saturated and moderately bright — cooler and more teal-tinged than the darker CSS green keyword. It is one of the core colors of the Crayola crayon lineup. Where the web palette reserves green for a muted half-value and lime for the pure primary, the Crayola rendering aims for a lively, natural leaf-green suited to pigment. Its teal-leaning bias distinguishes it clearly from the muted CSS green keyword, and the color's strong saturation keeps it lively across the crayon's coloring surface.

Green (#1CAC78) in the Crayola system is a vivid, medium emerald-green, slightly more teal than the CSS green. This is the iconic 'Green' crayon generations of children have used for grass, trees, and leaves—clean, natural, and straightforward. It has a friendly, approachable quality making it effective in educational materials, organic branding, and fresh, modern design palettes.

On this page

Color Values

HEX

#1CAC78

RGB

28, 172, 120

HSL

158.3, 72.0%, 39.2%

HSV

158.3, 83.7%, 67.5%

CMYK

83.7%, 0.0%, 30.2%, 32.5%

OKLCH

0.6608 0.1386 162.1

Properties

Cool Light Nearest: Green

Color Psychology

True green represents growth, harmony, and environmental consciousness. It is the color most directly associated with nature and sustainability, activating feelings of renewal and stability. Green sits at the center of the visible spectrum, making it psychologically balanced and universally positive.

Design Usage

Medium green is essential for sustainability brands, financial growth indicators, and agricultural products. It works as a primary brand color that communicates trust without the corporate coolness of blue. Ensure sufficient contrast with white text since many mid-greens fall below WCAG AA thresholds.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #1CAC78;
color: #1CAC78;
border-color: #1CAC78;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.22:1

AA Pass AAA Pass

Compare With

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #1CAC78?

RGB(28, 172, 120) · HSL(158.3, 72.0%, 39.2%) · CMYK(83.7%, 0.0%, 30.2%, 32.5%)

Does #1CAC78 meet WCAG contrast on white?

2.91:1 — WCAG AA Fail, AAA Fail for normal text.

What text color is readable on #1CAC78?

Use 000000 text on a #1CAC78 background; contrast on black is 7.22:1.