Pine Green Color

#01796F

Shades

Darker variations of each color in your palette

Base Color

#01796F
#01796F
#016159
#014943
#00302C
#001816
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#01796F
#01796F
#34948C
#67AFA9
#99C9C5
#CCE4E2
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#01796FPine Green Color
RGB1, 121, 111
HSL175, 98%, 24%
CMYK99%, 0%, 8%, 53%
OKLCHoklch(0.518 0.091 185)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#01796F
#017933
#01796F
#014779

Analogous

#01796F
#79010B

Complementary

#01796F
#6F0179
#796F01

Triadic

#01796F
#790147
#793301

Split Complementary

#01796F
#330179
#79010B
#477901

Tetradic

#01655D
#02B1A2
#03FCE8
#4EFDEF
#9AFEF6

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#01796F
#790101
#797901
#017901
#017979
#010179
#790179

Hues

Tones

Tones created by adding gray to each color

Base Color

#01796F
#01796F
#1A7A72
#347C76
#4D7D79
#677F7D
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#01796F
#277A6A
#4D7A65
#737B60

Warmer

#017A85
#017A9A
#017BB0

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#01796F

On White Background

Sample Text
Contrast Ratio:5.30:1
WCAG Level:AA
PASS

On Black Background

Sample Text
Contrast Ratio:3.97:1
WCAG Level:AA Large
PASS

WCAG Guidelines:

  • AAA: Contrast ratio ≥ 7:1 (highest level)
  • AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
  • AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)