#CCCCFF (Periwinkle)

CCCCFF Hex Color
NamePeriwinkle
Hex (RGB)CCCCFF
HTML/CSS (RGB)#CCCCFF
RGB204, 204, 255
RGB (%) 80, 80, 100
CMYK 20, 20, 0, 0
HSV240, 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.