List of web colors/Blue

<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);">     Blue      #0000ff

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

Copy/pasting for #0000ff  Hexadecimal code: #0000ff  Uppercase hexadecimal code: #0000ff  Short hexadecimal code: #00f  RGB: rgb(0,0,255)  RGB percentage: rgb(0%,0%,100%)  HSL percentage: hsl(240%,100%,50%)  

Details The hexadecimal triplet #0000ff definition is: Red = 0, Green = 0, Blue = 255 or CMYK: Cyan = 1, Magenta = 1, Yellow = 0, Black = 0  RGB: 0, 0, 255,</li> RGB percent: 0%, 0%, 100%</li> RGB binary: 0, 0, 11111111</li> CMYK: 1, 1, 0, 0</li> CMYK percent: 100%, 100%, 1%, 0%</li> CMY: 1, 1, 0</li> HSL: 240°, 1, 0.5</li> HSL percent: 240°, 100%, 50%</li> HSV: 240°, 1, 1</li> HSV percent: 240°, 100%, 100%</li> XYZ: 18.042, 7.217, 95.023</li> xyY: 0.15, 0.06, 7.217</li> CIELAB: 32.296, 79.186, -107.857</li> CIELUV: 32.296, -9.405, -130.337</li> CIELCH: 32.296, 133.804, 306.285</li> Hunter Lab: 26.864, 72.87, -190.912</li> <li>YIQ (NTSC): 29.07, -82.513, 78.678</li> <li>Decimal value: 255</li> <li>Web-safe color: already a web-safe color</li> <li>Name: Blue</li> </ul>

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


 * SPLIT-COMPLEMENTARY
 * 1) ff8000
 * 2) 0000ff
 * 3) 80ff00


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


 * CLASH
 * 1) 00ff80
 * 2) 0000ff
 * 3) ff0080


 * TETRADIC (RECTANGLE)
 * 1) 00ff00
 * 2) 0000ff
 * 3) ff00ff
 * 4) ffff00


 * FIVE-TONE
 * 1) 00ff15
 * 2) ffaa00
 * 3) 0000ff
 * 4) ff0015
 * 5) 95ff00

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) 55ff00
 * 2) 00ff00
 * 3) 00ff55
 * 4) 00ffaa
 * 5) 00ffff
 * 6) 00aaff
 * 7) 0055ff
 * 8) 0000ff
 * 1) 5500ff
 * 2) aa00ff
 * 3) ff0000
 * 4) ff00aa
 * 5) ff0055
 * 6) ff0000
 * 7) ff5500

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


 * SHADES
 * 1) 0000df
 * 2) 0000bf
 * 3) 00009f
 * 4) 000080
 * 5) 000060
 * 6) 000040
 * 7) 000020


 * TINTS
 * 1) 2020ff
 * 2) 4040ff
 * 3) 6060ff
 * 4) 8080ff
 * 5) 9f9fff
 * 6) bfbfff
 * 7) dfdfff

HTML/CSS color usage Sample HTML/CSS paragraph codes using #0000ff color.

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

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

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

<comments voting="Plus"/>