#677399 - Lavender Mauve
Hex color #677399 is called Lavender Mauve. It consists of 40% red, 45% green, and 60% blue in RGB color space. In CMYK it is 33% cyan, 25% magenta, 0% yellow, and 40% black. In HSL it is 226° hue, 20% saturation, and 50% lightness (light) . 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 | Lavender Mauve | — |
| HEX | #677399 | #677399 |
| HEXA | #677399FF | #677399FF |
| RGB | 103, 115, 153 | rgb(103, 115, 153) |
| RGBA | 103, 115, 153, 1 | rgba(103, 115, 153, 1) |
| HSL | 226%, 20%, 50% | hsl(226%, 20%, 50%) |
| CMYK | 33%, 25%, 0%, 40% | cmyk(33%, 25%, 0%, 40%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 50% (light) | — |
Negative color
The color opposite to #677399 is #988C66.
Preview on black and white
As #677399 has 50% lightness, this color is dark, so it has more contrast with white.
#677399 On White Background
#677399
#677399
Text Color
This is how text looks with this color.
#677399 On Black Background
#677399
#677399
Text Color
This is how text looks with this color.
Transform color
103, 115, 153rgb(103, 115, 153)