CCCCFF (Periwinkle)

27F48E
8386AC
E4FC65
Name Hex (RGB) HTML/CSS (RGB) RGB RGB (%) CMYK HSV
Periwinkle CCCCFF #CCCCFF 204, 204, 255 80, 80, 100 20, 20, 0, 0 240, 20, 100

Color #ccccff is Periwinkle. In RGB: 80, 80, 100. In CMYK: 20, 20, 0, 0.

Combinations

{{ index }}

CSS

Background
div { background: #ccccff; color: #000; }
Lorem ipsum dolor sit amet.
div { background: #ccccff; color: #fff; }
Lorem ipsum dolor sit amet.
Background (gradient)
div { background: linear-gradient(to bottom, #B0B1E2 0%, #E8E8FF 100%); color: #000; }
Consectetur adipiscing elit, sed do.
div { background: linear-gradient(to bottom, #E8E8FF 0%, #B0B1E2 100%); color: #000; }
Consectetur adipiscing elit, sed do.
div { background: linear-gradient(to bottom, #B0B1E2 0%, #E8E8FF 100%); color: #fff; }
Consectetur adipiscing elit, sed do.
div { background: linear-gradient(to bottom, #E8E8FF 0%, #B0B1E2 100%); color: #fff; }
Consectetur adipiscing elit, sed do.
Border
div { border: 1px solid #ccccff; }
Sed do eiusmod tempor.
div { border: 5px solid #ccccff; }
Sed do eiusmod tempor.
div { border: 1px dashed #ccccff; }
Sed do eiusmod tempor.
div { border: 5px dashed #ccccff; }
Sed do eiusmod tempor.
div { border: 1px dotted #ccccff; }
Sed do eiusmod tempor.
div { border: 5px dotted #ccccff; }
Sed do eiusmod tempor.