#0080f7 hex color

In a RGB color space, hex #0080f7 is composed of 0% red, 50.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 48.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 208.9 degrees, a saturation of 100% and a lightness of 48.4%. #0080f7 color hex could be obtained by blending #00ffff with #0001ef. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 50
- B 97
RGB color chart
- C 100
- M 48
- Y 0
- K 3
CMYK color chart

● #0080f7 color description : Pure (or mostly pure) blue.

The hexadecimal color #0080f7 has RGB values of R:0, G:128, B:247 and CMYK values of C:1, M:0.48, Y:0, K:0.03. Its decimal value is 33015.

Hex triplet	0080f7	`#0080f7`
RGB Decimal	0, 128, 247	`rgb(0,128,247)`
RGB Percent	0, 50.2, 96.9	`rgb(0%,50.2%,96.9%)`
CMYK	100, 48, 0, 3
HSL	208.9°, 100, 48.4	`hsl(208.9,100%,48.4%)`
HSV (or HSB)	208.9°, 100, 96.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	54.187, 15.694, -67.36
XYZ	24.504, 22.151, 90.975
xyY	0.178, 0.161, 22.151
CIE-LCH	54.187, 69.164, 283.115
CIE-LUV	54.187, -29.717, -106.888
Hunter-Lab	47.065, 10.569, -81.658
Binary	00000000, 10000000, 11110111

#0080f7
```
#0080f7 rgb(0,128,247)
```
#f77700
```
#f77700 rgb(247,119,0)
```

Complementary Color

#00f7f3
```
#00f7f3 rgb(0,247,243)
```
#0080f7
```
#0080f7 rgb(0,128,247)
```
#0005f7
```
#0005f7 rgb(0,5,247)
```

Analogous Color

#f7f300
```
#f7f300 rgb(247,243,0)
```
#0080f7
```
#0080f7 rgb(0,128,247)
```
#f70004
```
#f70004 rgb(247,0,4)
```

Split Complementary Color

#80f700
```
#80f700 rgb(128,247,0)
```
#0080f7
```
#0080f7 rgb(0,128,247)
```
#f70080
```
#f70080 rgb(247,0,128)
```

Triadic Color

#00f777
```
#00f777 rgb(0,247,119)
```
#0080f7
```
#0080f7 rgb(0,128,247)
```
#f70080
```
#f70080 rgb(247,0,128)
```
#f77700
```
#f77700 rgb(247,119,0)
```

Tetradic Color

#0058ab
```
#0058ab rgb(0,88,171)
```
#0066c4
```
#0066c4 rgb(0,102,196)
```
#0073de
```
#0073de rgb(0,115,222)
```
#0080f7
```
#0080f7 rgb(0,128,247)
```
#128dff
```
#128dff rgb(18,141,255)
```
#2b99ff
```
#2b99ff rgb(43,153,255)
```
#45a5ff
```
#45a5ff rgb(69,165,255)
```

Monochromatic Color

Below, you can see some colors close to #0080f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#00bef7
```
#00bef7 rgb(0,190,247)
```
#00a9f7
```
#00a9f7 rgb(0,169,247)
```
#0095f7
```
#0095f7 rgb(0,149,247)
```
#0080f7
```
#0080f7 rgb(0,128,247)
```
#006bf7
```
#006bf7 rgb(0,107,247)
```
#0057f7
```
#0057f7 rgb(0,87,247)
```
#0042f7
```
#0042f7 rgb(0,66,247)
```

Similar Colors

Text with hexadecimal color #0080f7

This text has a font color of #0080f7.

<span style="color:#0080f7;">Text here</span>

#0080f7 background color

This paragraph has a background color of #0080f7.

<p style="background-color:#0080f7;">Content here</p>

#0080f7 border color

This element has a border color of #0080f7.

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

CSS codes

.text {color:#0080f7;}

.background {background-color:#0080f7;}

.border {border:1px solid #0080f7;}

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, #00060c is the darkest color, while #f7fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#00101f
```
#00101f rgb(0,16,31)
```
#001a33
```
#001a33 rgb(0,26,51)
```
#002546
```
#002546 rgb(0,37,70)
```
#002f5a
```
#002f5a rgb(0,47,90)
```
#00396e
```
#00396e rgb(0,57,110)
```
#004381
```
#004381 rgb(0,67,129)
```
#004d95
```
#004d95 rgb(0,77,149)
```
#0057a9
```
#0057a9 rgb(0,87,169)
```
#0062bc
```
#0062bc rgb(0,98,188)
```
#006cd0
```
#006cd0 rgb(0,108,208)
```
#0076e3
```
#0076e3 rgb(0,118,227)
```
#0080f7
```
#0080f7 rgb(0,128,247)
```

Shade Color Variation

#0c8aff
```
#0c8aff rgb(12,138,255)
```
#1f93ff
```
#1f93ff rgb(31,147,255)
```
#339dff
```
#339dff rgb(51,157,255)
```
#46a6ff
```
#46a6ff rgb(70,166,255)
```
#5ab0ff
```
#5ab0ff rgb(90,176,255)
```
#6eb9ff
```
#6eb9ff rgb(110,185,255)
```
#81c2ff
```
#81c2ff rgb(129,194,255)
```
#95ccff
```
#95ccff rgb(149,204,255)
```
#a9d5ff
```
#a9d5ff rgb(169,213,255)
```
#bcdfff
```
#bcdfff rgb(188,223,255)
```
#d0e8ff
```
#d0e8ff rgb(208,232,255)
```
#e3f2ff
```
#e3f2ff rgb(227,242,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727c85 is the less saturated color, while #0080f7 is the most saturated one.

#727c85
```
#727c85 rgb(114,124,133)
```
#697c8f
```
#697c8f rgb(105,124,143)
```
#5f7d98
```
#5f7d98 rgb(95,125,152)
```
#567da2
```
#567da2 rgb(86,125,162)
```
#4c7dab
```
#4c7dab rgb(76,125,171)
```
#437eb5
```
#437eb5 rgb(67,126,181)
```
#397ebe
```
#397ebe rgb(57,126,190)
```
#307ec8
```
#307ec8 rgb(48,126,200)
```
#267fd1
```
#267fd1 rgb(38,127,209)
```
#1d7fdb
```
#1d7fdb rgb(29,127,219)
```
#137fe4
```
#137fe4 rgb(19,127,228)
```
#0a80ee
```
#0a80ee rgb(10,128,238)
```
#0080f7
```
#0080f7 rgb(0,128,247)
```

Tone Color Variation

Below, you can see how #0080f7 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.

Monochromacy

#676767 Achromatopsia 0.005% of the population
#526c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f84f5 Protanopia 1% of men
#008ae4 Deuteranopia 1% of men
#00959d Tritanopia 0.001% of the population

Trichromacy

#2882f5 Protanomaly 1% of men, 0.01% of women
#0086eb Deuteranomaly 6% of men, 0.4% of women
#008dbe Tritanomaly 0.01% of the population

#0080f7 hex color

#0080f7 Color Information

#0080f7 Color Conversion

Color Schemes with #0080f7

Alternatives to #0080f7

#0080f7 Preview

Shades and Tints of #0080f7

Tones of #0080f7

Color Blindness Simulator