#CCFF00 (Electric Lime)

CCFF00 Hex Color
NameElectric Lime
Hex (RGB)CCFF00
HTML/CSS (RGB)#CCFF00
RGB204, 255, 0
RGB (%) 80, 100, 0
CMYK 20, 0, 100, 0
HSV72, 100, 100

The color #ccff00 is Electric Lime, this hex value can be used to represent this color. In RGB, this color can be represented as 80, 100, 0. In CMYK, this color can be represented as 20, 0, 100, 0.

Combinations

{{ index }}

CSS

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