#007fff Color Information

In a RGB color space, hex #007fff (also known as Azure) is composed of 0% red, 49.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 50.2% magenta, 0% yellow and 0% black. It has a hue angle of 210.1 degrees, a saturation of 100% and a lightness of 50%. #007fff color hex could be obtained by blending #00feff with #0000ff. Closest websafe color is: #0066ff.

  • #007fff color image
  • #007fff rgb color chart
  • #007fff cmyk color chart

#007fff color description : Pure (or mostly pure) blue.

#007fff Color Conversion

The hexadecimal color #007fff has RGB values of R:0, G:127, B:255 and CMYK values of C:1, M:0.5, Y:0, K:0. Its decimal value is 32767.

    • Hex triplet 007fff
      #007fff
    • RGB Decimal 0, 127, 255
      rgb(0,127,255)
    • RGB Percent 0, 49.8, 100
      rgb(0%,49.8%,100%)
    • CMYK 100, 50, 0, 0
    • HSL 210.1°, 100, 50
      hsl(210.1,100%,50%)
    • HSV (or HSB) 210.1°, 100, 100
    • Web Safe 0066ff
      #0066ff
    • CIE-LAB 54.445, 19.408, -71.364
    • XYZ 25.635, 22.396, 97.574
    • xyY 0.176, 0.154, 22.396
    • CIE-LCH 54.445, 73.956, 285.214
    • CIE-LUV 54.445, -29.105, -113.438
    • Hunter-Lab 47.325, 13.873, -89.116
    • Binary 00000000, 01111111, 11111111

Color Schemes with #007fff

Complementary Color
Analogous Color
Split Complementary Color
Triadic Color
Tetradic Color
Monochromatic Color

Alternatives to #007fff

Below, you can see 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.

Similar Colors

#007fff Preview

Text with hexadecimal color #007fff

This text has a font color of #007fff.

<span style="color:#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
.text {color:#007fff;}
.background {background-color:#007fff;}
.border {border:1px solid #007fff;}

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, #000a14 is the darkest color, while #ffffff is the lightest one.

Shade Color Variation
Tint Color Variation

Tones of #007fff

A tone is produced by adding gray to any pure hue. In this case, #767f89 is the less saturated color, while #007fff is the most saturated one.

Tone Color Variation

Color Blindness Simulator

Below, you can see how #007fff is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

  • #686868 Achromatopsia :
    0.005% of the population
  • #536d86 Atypical Achromatopsia :
    0.001% of the population
Monochromacy
  • #2e84fe Protanopia :
    1% of men
  • #008be4 Deuteranopia :
    1% of men
  • #00969e Tritanopia :
    0.001% of the population
Dichromacy
  • #1d82fe Protanomaly :
    1% of men, 0.01% of women
  • #0087ee Deuteranomaly :
    6% of men, 0.4% of women
  • #008dc1 Tritanomaly:
    0.01% of the population
Trichromacy
Recommend on Facebook, Twitter or Google+ close