#00CCFF (deepskyblue)

00CCFF Hex Color
Namedeepskyblue
Hex (RGB)00CCFF
HTML/CSS (RGB)#00CCFF
RGB0, 204, 255
RGB (%) 0, 80, 100
CMYK 100, 20, 0, 0
HSV192, 100, 100

The color #00ccff is deepskyblue, this hex value can be used to represent this color. In RGB, this color can be represented as 0, 80, 100. In CMYK, this color can be represented as 100, 20, 0, 0.

Combinations

{{ index }}

CSS

Background
div { background: #00ccff; color: #000; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { background: #00ccff; color: #fff; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Background (gradient)
div { background: linear-gradient(to bottom, #00B0E2 0%, #4BE8FF 100%); color: #000; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { background: linear-gradient(to bottom, #4BE8FF 0%, #00B0E2 100%); color: #000; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { background: linear-gradient(to bottom, #00B0E2 0%, #4BE8FF 100%); color: #fff; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { background: linear-gradient(to bottom, #4BE8FF 0%, #00B0E2 100%); color: #fff; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Border
div { border: 1px solid #00ccff; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { border: 5px solid #00ccff; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { border: 1px dashed #00ccff; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { border: 5px dashed #00ccff; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { border: 1px dotted #00ccff; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { border: 5px dotted #00ccff; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.