List of web colors/Red

<div style="padding:0 6em; color:white; background: red; background: -webkit-linear-gradient(left, black, purple, blue, cyan, green, lime, yellow, orange, red, brown, beige, white); background: -o-linear-gradient(left, black, purple, blue, cyan, green, lime, yellow, orange, red, brown, beige, white); background: -moz-linear-gradient(left, black, purple, blue, cyan, green, lime, yellow, orange, red, brown, beige, white); background: linear-gradient(left, black, purple, blue, cyan, green, lime, yellow, orange, red, brown, beige, white);">     Red      #ff0000

Introduction In the RGB color model, hex triplet #ff0000 has decimal index of: 0, is composed of 100% red, 0% green and 0% blue. #ff0000 in CMYK color model, is composed of 0% cyan, 0% magenta, 0% yellow and 0% black. #ff0000 is a web-safe color.

Copy/pasting for #ff0000  Hexadecimal code: #ff0000  Uppercase hexadecimal code: #ff0000  Short hexadecimal code: #f00  RGB: rgb(255,0,0)  RGB percentage: rgb(100%,0%,0%)  HSL percentage: hsl(0%,100%,50%)  

Details The hexadecimal triplet #ff0000 definition is: Red = 255, Green = 0, Blue = 0 or CMYK: Cyan = 0, Magenta = 1, Yellow = 1, Black = 0  RGB: 255, 0, 0</li> RGB percent: 100%, 0%, 0%</li> RGB binary: 11111111, 0, 0</li> CMYK: 0, 1, 1, 0</li> CMYK percent: 0%, 100%, 100%, 0%</li> CMY: 0, 1, 1</li> HSL: 0°, 1, 0.5</li> HSL percent: 0°, 100%, 50%</li> HSV: 0°, 1, 1</li> HSV percent: 0°, 100%, 100%</li> XYZ: 41.245, 21.267, 1.933</li> xyY: 0.64, 0.33, 21.267</li> CIELAB: 53.241, 80.092, 67.203</li> CIELUV: 53.241, 175.014, 37.756</li> CIELCH: 53.241, 104.551, 39.999</li> Hunter Lab: 46.116, 78.943, 29.796</li> <li>YIQ (NTSC): 76.245, 152.865, 54.542</li> <li>Decimal value: 16711680</li> <li>Web-safe color: already a web-safe color</li> <li>Name: Red</li> </ul>

Color schemes In color theory, a color scheme is the choice of colors used in design.
 * COMPLEMENTARY
 * 1) ff0000
 * 2) 0000ff


 * SPLIT-COMPLEMENTARY
 * 1) 00ff80
 * 2) ff0000
 * 3) 0080ff


 * TRIADIC
 * 1) 0000ff
 * 2) ff0000
 * 3) 00ff00


 * CLASH
 * 1) 8000ff
 * 2) ff0000
 * 3) 80ff00


 * TETRADIC (RECTANGLE)
 * 1) 0000ff
 * 2) ff0000
 * 3) ffff00
 * 4) 0000ff


 * FIVE-TONE
 * 1) 1500ff
 * 2) 00ffaa
 * 3) ff0000
 * 4) 15ff00
 * 5) 0095ff

Analogous colors They are colors that are next to each other on the color wheel. Analogous colors tend to look pleasant together, because they are closely related.


 * 1) 0055ff
 * 2) 0000ff
 * 3) 5500ff
 * 4) aa00ff
 * 5) ff00ff
 * 6) ff00aa
 * 7) ff0055
 * 8) ff0000
 * 1) ff5500
 * 2) ffaa00
 * 3) ff0000
 * 4) aaff00
 * 5) 55ff00
 * 6) 00ff00
 * 7) 00ff55

Monochromatic Shades are created by decreasing luminance in HSL color model, and tints by increasing it. The next step for shades is #ff0000 and for tints is #fff.


 * SHADES
 * 1) df0000
 * 2) bf0000
 * 3) 9f0000
 * 4) 800000
 * 5) 600000
 * 6) 400000
 * 7) 200000


 * TINTS
 * 1) ff2020
 * 2) ff4040
 * 3) ff6060
 * 4) ff8080
 * 5) ff9f9f
 * 6) ffbfbf
 * 7) ffdfdf

HTML/CSS color usage Sample HTML/CSS paragraph codes using #ff0000 color.

<p style="background-color: #ff0000">Background color of this paragraph is #ff0000 <p style="background-color: #ff0000">Background color of this paragraph is #ff0000
 * BACKGROUND COLOR

<p style="border: 1px solid #ff0000">Border color of this paragraph is #ff0000 <p style="border: 1px solid #ff0000">Border color of this paragraph is #ff0000
 * BORDER COLOR

<p style="color: #ff0000">Text color of this paragraph is #ff0000 <p style="color: #ff0000">Text color of this paragraph is #ff0000
 * TEXT COLOR