#598677 ≈ Viridian
#598677 is a color from the teal family, with medium lightness and muted saturation. In the RGB model it is made of 34.9% red, 52.55% green and 46.67% blue; printed in CMYK it uses 33.58% cyan, 0% magenta, 11.19% yellow and 47.45% black. Its hue angle is 160°, with 20.18% saturation and 43.73% lightness in HSL. It sits between warm and cool, and is often associated with clarity, calm and renewal. Designers typically use it for health and wellness, technology products and brand accents. Black text on this color reaches a contrast ratio of 5.1:1 (WCAG AA). The closest named color is Viridian (#40826d), ΔE 4.94.
Description generated from the measured properties of this color.
| HEX | |
|---|---|
| RGB | |
| RGB percent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web safe | #669966 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binary | |
| Decimal | |
| Relative luminance | 0.2051 |
Shades
#598677 mixed progressively with black.
Tints
#598677 mixed progressively with white.
Tones
#598677 mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-598677 {
color: #598677;
}
.bg-598677 {
background-color: #598677;
color: #000000;
}
.border-598677 {
border: 2px solid #598677;
}
:root {
--color-primary: #598677;
--color-primary-rgb: 89 134 119;
--color-primary-hsl: 160 20% 44%;
}
.gradient-598677 {
background: linear-gradient(135deg, #598677, #597f86);
}
.shadow-598677 {
box-shadow: 0 8px 24px rgb(89 134 119 / 0.35);
}
Viridian
#598677 rgb(89, 134, 119) hsl(160, 20%, 44%) Viridian
#865968 rgb(134, 89, 104) hsl(340, 20%, 44%) Mauve Taupe
#775986 rgb(119, 89, 134) hsl(280, 20%, 44%) Deep Plum
#867759 rgb(134, 119, 89) hsl(40, 20%, 44%) Raw Umber