#167166 ≈ Pine Green
#167166 is a color from the teal family, with low lightness and moderate saturation. In the RGB model it is made of 8.63% red, 44.31% green and 40% blue; printed in CMYK it uses 80.53% cyan, 0% magenta, 9.73% yellow and 55.69% black. Its hue angle is 172.75°, with 67.41% saturation and 26.47% lightness in HSL. It is a cool color, often associated with clarity, calm and renewal. Designers typically use it for health and wellness, technology products and luxury branding. White text on this color reaches a contrast ratio of 5.85:1 (WCAG AA). The closest named color is Pine Green (#01796f), ΔE 2.95.
Description generated from the measured properties of this color.
| HEX | |
|---|---|
| RGB | |
| RGB percent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web safe | #006666 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binary | |
| Decimal | |
| Relative luminance | 0.1294 |
Shades
#167166 mixed progressively with black.
Tints
#167166 mixed progressively with white.
Tones
#167166 mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-167166 {
color: #167166;
}
.bg-167166 {
background-color: #167166;
color: #ffffff;
}
.border-167166 {
border: 2px solid #167166;
}
:root {
--color-primary: #167166;
--color-primary-rgb: 22 113 102;
--color-primary-hsl: 173 67% 26%;
}
.gradient-167166 {
background: linear-gradient(135deg, #167166, #164e71);
}
.shadow-167166 {
box-shadow: 0 8px 24px rgb(22 113 102 / 0.35);
}
Pine Green
#167166 rgb(22, 113, 102) hsl(173, 67%, 26%) Pine Green
#711621 rgb(113, 22, 33) hsl(353, 67%, 26%) Burgundy
#661671 rgb(102, 22, 113) hsl(293, 67%, 26%) Purple
#716616 rgb(113, 102, 22) hsl(53, 67%, 26%) Field Drab