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
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
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
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with Periwinkle.