Color conversion
Color conversion for #CC22CC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 204 | 34 | 204 | |
|---|---|---|---|---|
| HSL | 300° | 71.43% | 46.67% | |
| HSV | 300° | 83.33% | 80% | |
| CMYK | 0% | 83.33% | 0% | 20% |
| XYZ | 36.3725 | 18.3439 | 58.7401 | |
| Yxy | 18.3439 | 0.3206 | 0.1617 | |
| Hunter Lab | 42.8298 | 76.6349 | -51.3022 | |
| CIE-Lab | 49.9106 | 78.9096 | -49.1737 | |
| CIE-LCH | 49.9106 | 92.9773 | 328.0703 | |
| CIE-LUV | 49.9106 | 65.1741 | -84.2543 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11001100 | 00100010 | 11001100 |
| Octal | 314 | 42 | 314 |
| Decimal | 204 | 34 | 204 |
| Hex | CC | 22 | CC |
RGB percentages
CMYK percentages
Shades #CC22CC
Tints #CC22CC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#CC22CC color on black
#CC22CC color sample text
#CC22CC color on white
#CC22CC color sample text
#CC22CC CSS codes
.background { background-color: #CC22CC; }
.text { color: #CC22CC; }
.border { border: 3px solid #CC22CC; }
.shadow { box-shadow: 0 8px 28px rgba(204, 34, 204, 0.35); }
CSS preview
Accessibility
Contrast on white4.5:1AA
Contrast on black4.67:1AA
Web safe#CC33CCNear
Luminance0.18340-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#CC22CC color
PortuguêsCor #CC22CC
EspañolColor #CC22CC
한국어#CC22CC 색상
日本語#CC22CC の色
中文#CC22CC 颜色
DeutschFarbe #CC22CC
FrançaisCouleur #CC22CC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #CC22CC color.
Related shades
See Pinks