#686175 - Purple Punch
Hex color #686175 is called Purple Punch. It consists of 41% red, 38% green, and 46% blue in RGB color space. In CMYK it is 11% cyan, 17% magenta, 0% yellow, and 54% black. In HSL it is 261° hue, 9% saturation, and 42% 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 | Purple Punch | — |
| HEX | #686175 | #686175 |
| HEXA | #686175FF | #686175FF |
| RGB | 104, 97, 117 | rgb(104, 97, 117) |
| RGBA | 104, 97, 117, 1 | rgba(104, 97, 117, 1) |
| HSL | 261%, 9%, 42% | hsl(261%, 9%, 42%) |
| CMYK | 11%, 17%, 0%, 54% | cmyk(11%, 17%, 0%, 54%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 42% (dark) | — |
Negative color
The color opposite to #686175 is #979E8A.
Preview on black and white
As #686175 has 42% lightness, this color is dark, so it has more contrast with white.
#686175 On White Background
#686175
#686175
Text Color
This is how text looks with this color.
#686175 On Black Background
#686175
#686175
Text Color
This is how text looks with this color.
Transform color
104, 97, 117rgb(104, 97, 117)