#337E50 - Canadian Pine
Hex color #337E50 is called Canadian Pine. It consists of 20% red, 49% green, and 31% blue in RGB color space. In CMYK it is 60% cyan, 0% magenta, 37% yellow, and 51% black. In HSL it is 143° hue, 42% saturation, and 35% lightness (dark) . On this page you can get both color properties and CSS values for such color schemas: HEX, HEXA, RGB, RGBA, HSL, and CMYK; color name, CSS color name, tailwind name for color; shades and tints; monochromatic colors; negative color; and other info.
| Property | Value | CSS |
|---|---|---|
| Name | Canadian Pine | — |
| HEX | #337E50 | #337E50 |
| HEXA | #337E50FF | #337E50FF |
| RGB | 51, 126, 80 | rgb(51, 126, 80) |
| RGBA | 51, 126, 80, 1 | rgba(51, 126, 80, 1) |
| HSL | 143%, 42%, 35% | hsl(143%, 42%, 35%) |
| CMYK | 60%, 0%, 37%, 51% | cmyk(60%, 0%, 37%, 51%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 35% (dark) | — |
Negative color
The color opposite to #337E50 is #CC81AF.
Preview on black and white
As #337E50 has 35% lightness, this color is dark, so it has more contrast with white.
#337E50 On White Background
#337E50
#337E50
Text Color
This is how text looks with this color.
#337E50 On Black Background
#337E50
#337E50
Text Color
This is how text looks with this color.
Transform color
51, 126, 80rgb(51, 126, 80)