#686474 - Purple Punch
Hex color #686474 is called Purple Punch. It consists of 41% red, 39% green, and 45% blue in RGB color space. In CMYK it is 10% cyan, 14% magenta, 0% yellow, and 55% black. In HSL it is 255° hue, 7% 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 | #686474 | #686474 |
| HEXA | #686474FF | #686474FF |
| RGB | 104, 100, 116 | rgb(104, 100, 116) |
| RGBA | 104, 100, 116, 1 | rgba(104, 100, 116, 1) |
| HSL | 255%, 7%, 42% | hsl(255%, 7%, 42%) |
| CMYK | 10%, 14%, 0%, 55% | cmyk(10%, 14%, 0%, 55%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 42% (dark) | — |
Negative color
The color opposite to #686474 is #979B8B.
Preview on black and white
As #686474 has 42% lightness, this color is dark, so it has more contrast with white.
#686474 On White Background
#686474
#686474
Text Color
This is how text looks with this color.
#686474 On Black Background
#686474
#686474
Text Color
This is how text looks with this color.
Transform color
104, 100, 116rgb(104, 100, 116)