Evergreen

#05472A

What color is Evergreen?

Evergreen is a deep, rich green with strong cool undertones, hex #05472A, close to the color of a pine needle in shade. It reads darker than most forest greens, with very little yellow in the mix.

What is the meaning of the color Evergreen?

Recorded as a color name in English by the early 20th century, evergreen takes its reference from conifers and other plants that hold their leaves through winter. The association with permanence and renewal made it a natural choice in branding and institutional design. The U.S. National Park Service has used deep evergreen tones in its visual identity since the 1970s to signal conservation and natural heritage. Starbucks adopted a closely related shade of deep green as its primary brand color, anchoring the color firmly in global commercial recognition.

RGB
5, 71, 42
HSL
154°, 87%, 15%
CMYK
93, 0, 41, 72
HSV
154°, 93%, 28%
Evergreen color

What colors go with Evergreen?

Colors that pair well with Evergreen include:
Cream: soft, warm contrast
Gold: rich, luminous warmth
Navy: deep, grounded balance
Burgundy: bold, earthy depth
Light Gray: clean, cool neutrality

Similar Colors

Conversions & Codes

Format Value CSS
HEX #05472A color: #05472A;
RGB 5, 71, 42 color: rgb(5, 71, 42);
RGB Percentage 2%, 28%, 16% color: rgb(2%, 28%, 16%);
CMYK 93%, 0%, 41%, 72% Not supported in CSS
HSL 154°, 87%, 15% color: hsl(154, 87%, 15%);
HSV 154°, 93%, 28% Not supported in CSS
CIE-LAB 12, -13, 10 color: lab(12% -13 10);
Decimal 345898 Not supported in CSS

Color Variations

Shades

#05482B
#044026
#043922
#03321E
#032B1A
#022415
#021D11
#01150D

Tints

#85F7C6
#5DF4B2
#34F19F
#10EA8B
#0DC173
#0B995B
#087043
#05482B

Tones

#05482B
#08442A
#0C412A
#0F3E29
#123A29
#163728
#193428
#1C3028

Hues

#05482B
#053248
#090548
#3B0548
#480522
#481A05
#434805
#114805

Color Harmonies

Analogous

#054809
Click to copy
#05472A
Click to copy
#054348
Click to copy

Complementary

#05472A
Click to copy
#480522
Click to copy

Split Complementary

#05472A
Click to copy
#480543
Click to copy
#480905
Click to copy

Triadic

#05472A
Click to copy
#2B0548
Click to copy
#482B05
Click to copy

Tetradic

#05472A
Click to copy
#090548
Click to copy
#480522
Click to copy
#434805
Click to copy

Square

#05472A
Click to copy
#090548
Click to copy
#480522
Click to copy
#434805
Click to copy

CSS & Dev Snippets

CSS
.evergreen {
  color: #05472A;
}
SCSS
$evergreen: #05472A;
RGB
rgb(5, 71, 42)

Accessibility & Contrast

White background

10.82:1
10.82
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.94:1
1.94
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags