Skip to content

Pine Green #01796f

The forest at its deepest.

RGB
1, 121, 111
HSL
175°, 98%, 24%
CMYK
99, 0, 8, 53
Luminance
0.1483

About Pine Green

Pine green, #01796f, is green pulled toward teal and darkened to needle depth — cooler than forest, richer than sea green. It is the evergreen’s color: the green that survives winter.

History

Pine tar, pine forests and Nordic design gave the color its cold-climate credibility; Crayola’s "pine green" fixed the deep blue-green, and the wintergreen-and-conifer palette made it Christmas’s serious alternative to bright green.

Psychology

Pine reads resilient, calm and evergreen — endurance in color form. It carries forest’s trust with a colder, more premium edge.

In design

Pine is a text-capable deep green (6.4:1 on white) and a luxurious dark surface under gold and cream. Pair with terracotta, mustard, blush and warm woods. Spa, apothecary and heritage-outdoor brands favor its cool depth.

In culture

Pine forests, pine tar soap, Norway pines and the pine that scents every winter cleaning aisle: the tree’s resilience became the color’s promise.

Brands that own pine green

Shades of pine green

Every format

HEX#01796f
RGBrgb(1, 121, 111)
HSLhsl(175, 98%, 24%)
CMYKcmyk(99%, 0%, 8%, 53%)
LABlab(45.4 -30.8 -2.6)
LCHlch(45.4 30.9 184.9)
OKLCHoklch(0.518 0.091 184.8)

Copy-ready code

/* CSS */
color: #01796f;
background-color: #01796f;
/* Tailwind (arbitrary) */
class="text-[#01796f] bg-[#01796f]"
/* SCSS */
$brand: #01796f;
/* SwiftUI */
Color(red: 0.004, green: 0.475, blue: 0.435)
/* Android */
Color.parseColor("#01796f")

Accessibility — WCAG contrast

Aa
#01796f on white: 5.30:1
AA ✓ pass · AA-large · AAA
Aa
#01796f on black: 3.97:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red0.4%
Green47.5%
Blue43.5%

CMYK percentages

Cyan99.2%
Magenta0.0%
Yellow8.3%
Key (black)52.5%

Color previews

#01796f text on a black background

contrast 3.97:1

Card sample

#01796f text on a white background

contrast 5.30:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #01796f;
Background color
Panel with #01796f background
background-color: #01796f;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #01796f;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(1, 121, 111, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(1, 121, 111, 0.45);
Border & gradient
Gradient panel
border: 3px solid #01796f;
background: linear-gradient(135deg, #01796f, #013379);

Monochromatic scale

Palettes built from #01796f

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Pine Green, answered

What is the hex code for pine green?

Pine green is #01796f; bottle green #006a4e and spruce #0a5f38 are close deep neighbors.

Pine vs forest green?

Forest is warmer and yellower; pine leans blue toward teal — the colder, more premium evergreen.

Is pine green good for text?

Yes — #01796f reaches 6.4:1 on white, comfortably AA and near AAA. A distinctive, accessible brand green.

Work with #01796f in the Color Lab