azure/#007fff hex color code/luminous vivid cyan-blue/luminous vivid azure

#007fff Color Informations

This page lists more detailed information about the hex color code #007fff(also known as azure color). In a RGB color space, hex #007fff is composed of 0(0%) red, 127(49.8%) green and 255(100%) blue. Its decimal value is 32767. In a CMYK color space, it is consist of 100% cyan, 50.2% magenta, 0% yellow and 0% black. It has a hue angle of 210.12 degrees, a saturation of 100% and a lightness of 50%.

Color #007fff contains mostly Blue color, is a cool color and closest websafe color is #0066ff. #007fff color hex could be obtained by blending #00feff with #0000ff. Other more detailed information such as description, conversion, analysis, schemes, shades & tines, tones, alternatives, preview in css/html and background images of this color, please browses the following content.

#007fff color description : luminous vivid cyan-blue/luminous vivid azure.

#007fff Color Conversion

- Hex triplet 00, 7f, ff
- RGB Decimal 0, 127, 255
- RGB Octal 000, 177, 377
- RGB Binary 00000000, 01111111, 11111111
- RGB Percent 0%, 49.8%, 100%
- XYZ 25.6394, 22.3987, 97.5798
- xyY 0.1761, 0.1538, 22.3987
- CMYK 100%, 50.2%, 0%, 0%
- HSL 210.12°, 100, 50
- HSV(HSB) 210.12°, 100, 100
- CIE-L*AB 54.448, 19.414, -71.364
- CIE-L*CH 54.448, 73.957, 285.219
- CIE-L*UV 54.448, -29.099, -113.439
- Hunter-Lab 47.327, 13.879, -89.115

#007fff Color Analysis

#000000 #000000
rgb(0,0,0)
#007f00 #007f00
rgb(0,127,0)
#0000ff #0000ff
rgb(0,0,255)

R-G-B component

#007fff #007fff
rgb(0,127,255)
#7f7f7f Average: #7f7f7f
rgb(127,127,127)
#6d6d6d Luma: #6d6d6d
rgb(109,109,109)
#676767 rec601 Luma: #676767
rgb(103,103,103)

Grayscale

#007fff #007fff
rgb(0,127,255)
#0066ff Closest websafe: #0066ff
rgb(0,102,255)
#ff8000 Inverse color: #ff8000
rgb(255,128,0)

Closest websafe, Inverse

Color Schemes with #007fff

Complementary Color of #007fff is #ff8000. Split Complementary Colors of #007fff are #ffff00 and #ff0000. Analogous Colors of #007fff are #00ffff and #0000ff. Triadic Colors of #007fff are #7fff00 and #ff007f

#007fff #007fff
rgb(0,127,255)
#ff8000 #ff8000
rgb(255,128,0)

Complementary Color

#ffff00 #ffff00
rgb(255,255,0)
#007fff #007fff
rgb(0,127,255)
#ff0000 #ff0000
rgb(255,0,0)

Split Complementary Color

#00ffff #00ffff
rgb(0,255,255)
#007fff #007fff
rgb(0,127,255)
#0000ff #0000ff
rgb(0,0,255)

Analogous Color

#7fff00 #7fff00
rgb(127,255,0)
#007fff #007fff
rgb(0,127,255)
#ff007f #ff007f
rgb(255,0,127)

Triadic Color

#00ff80 #00ff80
rgb(0,255,128)
#007fff #007fff
rgb(0,127,255)
#ff007f #ff007f
rgb(255,0,127)
#ff8000 #ff8000
rgb(255,128,0)

Tetradic Color

#0059b3 #0059b3
rgb(0,89,179)
#0066cc #0066cc
rgb(0,102,204)
#0072e6 #0072e6
rgb(0,114,230)
#007fff #007fff
rgb(0,127,255)
#1a8cff #1a8cff
rgb(26,140,255)
#3399ff #3399ff
rgb(51,153,255)
#4da5ff #4da5ff
rgb(77,165,255)

Monochromatic Color

Shades and Tints of #007fff

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000000 is the darkest color, while #ebf5ff is the lightest one.

#000000 #000000
rgb(0,0,0)
#000a14 #000a14
rgb(0,10,20)
#001427 #001427
rgb(0,20,39)
#001d3b #001d3b
rgb(0,29,59)
#00274e #00274e
rgb(0,39,78)
#003162 #003162
rgb(0,49,98)
#003b76 #003b76
rgb(0,59,118)
#004489 #004489
rgb(0,68,137)
#004e9d #004e9d
rgb(0,78,157)
#0058b1 #0058b1
rgb(0,88,177)
#0062c4 #0062c4
rgb(0,98,196)
#006bd8 #006bd8
rgb(0,107,216)
#0075eb #0075eb
rgb(0,117,235)

Shade Color Variation

#007fff #007fff
rgb(0,127,255)
#1489ff #1489ff
rgb(20,137,255)
#2793ff #2793ff
rgb(39,147,255)
#3b9dff #3b9dff
rgb(59,157,255)
#4ea6ff #4ea6ff
rgb(78,166,255)
#62b0ff #62b0ff
rgb(98,176,255)
#76baff #76baff
rgb(118,186,255)
#89c4ff #89c4ff
rgb(137,196,255)
#9dceff #9dceff
rgb(157,206,255)
#b1d8ff #b1d8ff
rgb(177,216,255)
#c4e1ff #c4e1ff
rgb(196,225,255)
#d8ebff #d8ebff
rgb(216,235,255)
#ebf5ff #ebf5ff
rgb(235,245,255)

Tint Color Variation

Tones of #007fff

A tone is produced by adding gray to any pure hue. In this case, #808080 is the less saturated color, while #0a7ff5 is the most saturated one.

#808080 #808080
rgb(128,128,128)
#767f89 #767f89
rgb(118,127,137)
#6c7f93 #6c7f93
rgb(108,127,147)
#627f9d #627f9d
rgb(98,127,157)
#587fa7 #587fa7
rgb(88,127,167)
#4e7fb1 #4e7fb1
rgb(78,127,177)
#457fba #457fba
rgb(69,127,186)
#3b7fc4 #3b7fc4
rgb(59,127,196)
#317fce #317fce
rgb(49,127,206)
#277fd8 #277fd8
rgb(39,127,216)
#1d7fe2 #1d7fe2
rgb(29,127,226)
#147feb #147feb
rgb(20,127,235)
#0a7ff5 #0a7ff5
rgb(10,127,245)

Tone Color Variation

Alternatives to #007fff

Below, site show some colors close to #007fff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#00ffff #00ffff
rgb(0,255,255)
#00e9ff #00e9ff
rgb(0,233,255)
#00d4ff #00d4ff
rgb(0,212,255)
#00bfff #00bfff
rgb(0,191,255)
#00aaff #00aaff
rgb(0,170,255)
#0094ff #0094ff
rgb(0,148,255)
#007fff #007fff
rgb(0,127,255)
#006aff #006aff
rgb(0,106,255)
#0054ff #0054ff
rgb(0,84,255)
#003fff #003fff
rgb(0,63,255)
#002aff #002aff
rgb(0,42,255)
#0015ff #0015ff
rgb(0,21,255)
#0000ff #0000ff
rgb(0,0,255)

Similar Color

#007fff Preview in HTML

Text with hexadecimal color #007fff

This text has a font color of #007fff.

<span style="color:#007fff;">Text here</span>

Text shadow with hexadecimal color #007fff

#007fff Text Shadow.

<span style="text-shadow:2px 2px 3px #007fff;">Text here</span>

#007fff background color

This paragraph has a background color of #007fff.

<p style="background-color:#007fff;">Content here</p>

#007fff border color

This element has a border color of #007fff.

<div style="border:1px solid #007fff;">Content here</div>

CSS codes with #007fff color

.text{color:#007fff;}

.background{background-color:#007fff;}

.border{border:1px solid #007fff;}

Download #007fff color images

Solid color background with hex color code #007fff(with the name azure). Background is available in various resolutions for view and download. You are free to use these backgrounds for personal and commercial projects. Preview(size 320x320) - Facebook(180x180) - Twitter(73x73) - Google+(250x250) - iPhone(320x480) - 32x32 - 48x48 - 64x64 - 100x100 - 160x600 - 200x200 - 300x250 - 300x300 - 320x50 - 320x320 - 336x280 - 400x300 - 400x400 - 500x500 - 600x600 - 640x480 - 640x960 - 640x1136 - 700x700 - 728x90 - 800x600 - 851x315 - 1024x600 - 1024x768 - 1024x1024 - 1152x864 - 1200x600 - 1280x720 - 1280x768 - 1280x800 - 1280x960 - 1280x1024 - 1360x768 - 1366x768 - 1440x900 - 1400x1050 - 1600x900 - 1600x1200 - 1680x1050 - 1920x1080 - 1920x1200 - 2048x1536 - 2048x2048 - 2560x1440 - 2560x1600 - 2880x1800 -

Random color codes

#007ffe #007ffe
#f73fbe #f73fbe
#0faff0 #0faff0
#f7dc58 #f7dc58
#f0c320 #f0c320
#ee53d2 #ee53d2
#1f3d27 #1f3d27
#f7aa1c #f7aa1c
#038bc8 #038bc8
#b234a3 #b234a3
#6aaf35 #6aaf35
#f2113b #f2113b
#0080ff #0080ff