RGB
204, 204, 255
HSL
240°, 100%, 90%
CMYK
20, 20, 0, 0
HSV
240°, 20%, 100%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #CCCCFF |
color: #CCCCFF;
|
| RGB | 204, 204, 255 |
color: rgb(204, 204, 255);
|
| RGB Percentage | 80%, 80%, 100% |
color: rgb(80%, 80%, 100%);
|
| CMYK | 20%, 20%, 0%, 0% | Not supported in CSS |
| HSL | 240°, 100%, 90% |
color: hsl(240, 100%, 90%);
|
| HSV | 240°, 20%, 100% | Not supported in CSS |
| CIE-LAB | 72, 0, -17 |
color: lab(72% 0 -17);
|
| Decimal | 13421823 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.periwinkle {
color: #CCCCFF;
}
SCSS
$periwinkle: #CCCCFF;
RGB
rgb(204, 204, 255)
Accessibility & Contrast
White background
1.54:1
1.54
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
13.65:1
13.65
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element