#CC486E - Pink Punch
Hex color #CC486E is called Pink Punch. It consists of 80% red, 28% green, and 43% blue in RGB color space. In CMYK it is 0% cyan, 65% magenta, 46% yellow, and 20% black. In HSL it is 343° hue, 56% saturation, and 54% 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 | Pink Punch | — |
| HEX | #CC486E | #CC486E |
| HEXA | #CC486EFF | #CC486EFF |
| RGB | 204, 72, 110 | rgb(204, 72, 110) |
| RGBA | 204, 72, 110, 1 | rgba(204, 72, 110, 1) |
| HSL | 343%, 56%, 54% | hsl(343%, 56%, 54%) |
| CMYK | 0%, 65%, 46%, 20% | cmyk(0%, 65%, 46%, 20%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 54% (light) | — |
Negative color
The color opposite to #CC486E is #33B791.
Preview on black and white
As #CC486E has 54% lightness, this color is dark, so it has more contrast with white.
#CC486E On White Background
#CC486E
#CC486E
Text Color
This is how text looks with this color.
#CC486E On Black Background
#CC486E
#CC486E
Text Color
This is how text looks with this color.
Transform color
204, 72, 110rgb(204, 72, 110)