#01796F
Green family

Pine

Also known as: earthy · muted · natural · resilient · inviting
Save
Hex #01796F
RGB rgb(1, 121, 111)
HSL hsl(175°, 98%, 24%)
CMYK 99 · 0 · 8 · 53
NCS S 3040-B30G

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, Pine is often linked to tranquility and resilience, symbolizing growth and renewal. However, in some Indigenous cultures, it represents strength and protection, reflecting the tree's enduring presence in the landscape.

The term 'pine' originates from the Latin word 'pinus', used since at least the 14th century. Historically, pine wood was essential for shipbuilding in the 17th century, underscoring its value in navigation and trade.

earthymutednaturalresilientinviting

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Pine. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 40 Greens →

Shades & tints

Nine steps of Pine by lightness — from #013F3A (darkest) to #7BB9B4 (lightest). Click any to copy.

-40% #013F3A
-30% #014D47
-20% #015C54
-10% #016A62
BASE #01796F
+15% #1F8980
+30% #3E9992
+50% #5CA9A3
+70% #7BB9B4

Complementary

Sitting opposite Pine at 355° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Pine.

#01796F
#4B8B3B
#F0F0F0
#A3C6C4
#5D8A8A

Forest Retreat

Calm nature
#01796F
#B2BEB5
#FFFFFF
#4D7F7B
#A7D3D1

Woodland Escape

Serene adventure
#01796F
#3A9A8E
#F5F5F5
#6FC2B8
#1C4D4E

Evergreen Serenity

Refreshing peace

Pine scale

A 50–900 tonal scale with Pine anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #EBF4F3
100 #D1E7E5
200 #9ECCC8
300 #6CB1AB
400 #36958D
500 #01796F
600 #01635B
700 #015049
800 #013D38
900 #002926

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 5.3:1
Pine as text on… Ratio AA AAA
Aa White background 5.3:1 Pass Large only
Aa Black background 3.97:1 Large only Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #01796F

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #01796F;
CSS color-mix (lighten 30%) color-mix(in srgb, #01796F 70%, white)
HSV / HSB 175°, 99%, 47%
CMYK (print) 99, 0, 8, 53
Decimal 96623
Nearest web-safe #006666

Color vision

How Pine appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#01796F

Protanopia (no red)

#353671

Deuteranopia (no green)

#2E2572

Tritanopia (no blue)

#077374
Moss
19 / 40 Greens Shamrock
Copied!