#307553 - Canadian Pine
Hex color #307553 is called Canadian Pine. It consists of 19% red, 46% green, and 33% blue in RGB color space. In CMYK it is 59% cyan, 0% magenta, 29% yellow, and 54% black. In HSL it is 150° hue, 42% saturation, and 32% 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 | #307553 | #307553 |
| HEXA | #307553FF | #307553FF |
| RGB | 48, 117, 83 | rgb(48, 117, 83) |
| RGBA | 48, 117, 83, 1 | rgba(48, 117, 83, 1) |
| HSL | 150%, 42%, 32% | hsl(150%, 42%, 32%) |
| CMYK | 59%, 0%, 29%, 54% | cmyk(59%, 0%, 29%, 54%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 32% (dark) | — |
Negative color
The color opposite to #307553 is #CF8AAC.
Preview on black and white
As #307553 has 32% lightness, this color is dark, so it has more contrast with white.
#307553 On White Background
#307553
#307553
Text Color
This is how text looks with this color.
#307553 On Black Background
#307553
#307553
Text Color
This is how text looks with this color.
Transform color
48, 117, 83rgb(48, 117, 83)