Color conversion
Color conversion for Periwinkle
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 204 | 204 | 255 | |
|---|---|---|---|---|
| HSL | 240° | 100% | 90% | |
| HSV | 240° | 20% | 100% | |
| CMYK | 20% | 20% | 0% | 0% |
| XYZ | 64.5404 | 63.2421 | 103.395 | |
| Yxy | 63.2421 | 0.2792 | 0.2736 | |
| Hunter Lab | 79.5249 | 5.6964 | -21.3888 | |
| CIE-Lab | 83.5696 | 10.2959 | -24.91 | |
| CIE-LCH | 83.5696 | 26.9539 | 292.4565 | |
| CIE-LUV | 83.5696 | -2.9974 | -41.5376 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11001100 | 11001100 | 11111111 |
| Octal | 314 | 314 | 377 |
| Decimal | 204 | 204 | 255 |
| Hex | CC | CC | FF |
RGB percentages
CMYK percentages
Shades #CCCCFF
Tints #CCCCFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
Periwinkle on black
Periwinkle sample text
Periwinkle on white
Periwinkle sample text
#CCCCFF CSS codes
.background { background-color: #CCCCFF; }
.text { color: #CCCCFF; }
.border { border: 3px solid #CCCCFF; }
.shadow { box-shadow: 0 8px 28px rgba(204, 204, 255, 0.35); }
CSS preview
Accessibility
Contrast on white1.54:1Poor
Contrast on black13.65:1AAA
Web safe#CCCCFFExact
Luminance0.63240-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
EnglishPeriwinkle
PortuguêsPeriwinkle
EspañolPeriwinkle
한국어Periwinkle
日本語Periwinkle
中文Periwinkle
DeutschPeriwinkle
FrançaisPeriwinkle
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with Periwinkle.
Related shades
See Blues