ع

Pine Green

أخضر الصنوبر

Color codes

HEX
RGB
HSL
HSV
CMYK (approximate)
CIELAB
CSS
Relative luminance0.1483
Cyan & Teal Cool ColorsInterior Design Colors Cool

Shades of Pine Green

All shades

Lighter

Darker

Tints mixed with white

Tones mixed with gray

Color harmonies

Complementary

Opposite on the wheel (180°): maximum contrast for accents.

Export
Analogous

Neighbors 30° apart: calm and natural.

Export
Triadic

Three hues 120° apart: vibrant yet balanced.

Export
Split-complementary

The base plus the two neighbors of its complement: contrast with less tension.

Export
Tetradic

Four hues 90° apart: rich, best with one dominant color.

Export
Monochromatic

One hue in several lightness levels: elegant and consistent.

Export

Contrast and readability

White text5.30:1
✓ AA✗ AAA✓ AA Large
Black text3.97:1
✗ AA✗ AAA✓ AA Large
On white5.30:1
✓ AA✗ AAA✓ AA Large
On black3.57:1
✗ AA✗ AAA✓ AA Large

Text colors that pass AA

Check in the contrast checker

In a design

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started Learn more
New

Cards and badges use a soft tint of the color. Read more

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started
New

Cards and badges use a soft tint of the color.

Pine Green

Full-color background with readable text.

Get started

About Pine Green

Pine Green (#01796F) is a dark, highly saturated color from the Cyan & Teal family with a cool character. It is made of 1 red, 121 green and 111 blue (hsl(175, 98%, 24%)). Its contrast ratio is 5.30:1 against white and 3.97:1 against black, so white text reads best on it.

Suggested uses

  • buttons, highlights and calls to action
  • logos and brand accents
  • calm, trustworthy or technical themes

Reading the codes

In HEX, #01796F stores red, green and blue as pairs of base-16 digits: 1, 121 and 111 out of 255. In HSL the same color has a hue of 175°, 98% saturation and 24% lightness, which makes lighter or darker variants easy to create by changing only the lightness.

Similar colors

#00827FTeal Green#008080Teal#008B8BDark Cyan#006A4EBottle Green#005F6APetrol Blue#367588Teal Blue#2E8B57Sea Green#5B6F55Cactus#014D4EDeep Teal#355E3BHunter Green

Palettes with this color

Emerald Estate#0B2B26 #13463D #1F6F5C #C9A227 #F3EAD3Eco Brand#2D6A4F #40916C #95D5B2 #D8F3DC #081C15Evergreen#0B2E24 #1A4D3A #3D7A5A #D5E3DC #B8312FSlate and Teal#1E293B #334155 #64748B #0D9488 #CCFBF1

Tools for this color

Shades GeneratorGenerate tints, tones, lighter and darker shades and saturation variations.Contrast CheckerAccurate WCAG contrast ratio with AA/AAA results and accessible suggestions.Color Harmony GeneratorComplementary, analogous, triadic, tetradic, split-complementary and monochromatic harmonies.Color Blindness SimulatorApproximate protanopia, deuteranopia, tritanopia and achromatopsia simulations.

Frequently asked questions

What is the HEX code of Pine Green?
The HEX code of Pine Green is #01796F. In RGB it is rgb(1, 121, 111) and in HSL hsl(175, 98%, 24%).
Which text color works on Pine Green?
White text has a contrast ratio of 5.30:1 on Pine Green and black text 3.97:1, so white text is more readable. WCAG AA needs at least 4.5:1 for normal text.
What is the complementary color of Pine Green?
Rotating the hue of Pine Green by 180° gives #79010B, its complementary color on the RGB color wheel.
What is Pine Green in CMYK?
An approximate CMYK value for Pine Green is cmyk(99%, 0%, 8%, 53%). For printing, ask your printer for an ICC-profiled conversion.