Coloried

Pine Green

Pine Green color is a deep shade of very dark green. Its hex code is #01796F and rgb code is rgb(1, 121, 111), Its CMYK value is cmyk(99%, 0%, 8%, 53%), and Its HSL value is hsl(175, 98%, 24%). Against white, its contrast ratio of 5.30:1, while against black, the contrast ratio is 3.97:1. Complementary color is #79010B and closest tailwind color is teal-700. This color goes well with #179DFD, #17FD77, #62FDF1, #DE0283, and #DE5E02. To create this Pine Green color, you can mix #000000 and #02F2DE.

Pine Green color code
|
1. Color Conversions
HEX#01796F
RGB1, 121, 111
HSL175°, 98%, 24%
HSV175°, 98%, 47%
CMYK99%, 0%, 8%, 53%
Web Safe#006666
2. Contrast Ratio
Text on #FFFFFF5.30:1
AAA LargeAAA Normal
Text on #0000003.97:1
AAA LargeFail Normal
3. Pine Green Color Code in CSS
HEX
#01796F
RGB
rgb(1, 121, 111)
HSL
hsl(175, 98%, 24%)
Text Color
color: #01796F;
Background
background-color: #01796F;
Border Color
border-color: #01796F;
Box Shadow
box-shadow: 0 4px 14px 0 #01796F80;
SCSS
$color-pine-green: #01796F;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#353671
Deuteranopia#2E2572
Tritanopia#077374
Achromatopsia#545454
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive