#0080fd hex color

In a RGB color space, hex #0080fd is composed of 0% red, 50.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 49.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 209.6 degrees, a saturation of 100% and a lightness of 49.6%. #0080fd color hex could be obtained by blending #00ffff with #0001fb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 50
- B 99
RGB color chart
- C 100
- M 49
- Y 0
- K 1
CMYK color chart

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

The hexadecimal color #0080fd has RGB values of R:0, G:128, B:253 and CMYK values of C:1, M:0.49, Y:0, K:0.01. Its decimal value is 33021.

Hex triplet	0080fd	`#0080fd`
RGB Decimal	0, 128, 253	`rgb(0,128,253)`
RGB Percent	0, 50.2, 99.2	`rgb(0%,50.2%,99.2%)`
CMYK	100, 49, 0, 1
HSL	209.6°, 100, 49.6	`hsl(209.6,100%,49.6%)`
HSV (or HSB)	209.6°, 100, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	54.583, 18.012, -70.038
XYZ	25.445, 22.528, 95.93
xyY	0.177, 0.157, 22.528
CIE-LCH	54.583, 72.317, 284.423
CIE-LUV	54.583, -29.471, -111.378
Hunter-Lab	47.464, 12.631, -86.609
Binary	00000000, 10000000, 11111101

#0080fd
```
#0080fd rgb(0,128,253)
```
#fd7d00
```
#fd7d00 rgb(253,125,0)
```

Complementary Color

#00fdfc
```
#00fdfc rgb(0,253,252)
```
#0080fd
```
#0080fd rgb(0,128,253)
```
#0002fd
```
#0002fd rgb(0,2,253)
```

Analogous Color

#fdfc00
```
#fdfc00 rgb(253,252,0)
```
#0080fd
```
#0080fd rgb(0,128,253)
```
#fd0001
```
#fd0001 rgb(253,0,1)
```

Split Complementary Color

#80fd00
```
#80fd00 rgb(128,253,0)
```
#0080fd
```
#0080fd rgb(0,128,253)
```
#fd0080
```
#fd0080 rgb(253,0,128)
```

Triadic Color

#00fd7d
```
#00fd7d rgb(0,253,125)
```
#0080fd
```
#0080fd rgb(0,128,253)
```
#fd0080
```
#fd0080 rgb(253,0,128)
```
#fd7d00
```
#fd7d00 rgb(253,125,0)
```

Tetradic Color

#0059b1
```
#0059b1 rgb(0,89,177)
```
#0066ca
```
#0066ca rgb(0,102,202)
```
#0073e4
```
#0073e4 rgb(0,115,228)
```
#0080fd
```
#0080fd rgb(0,128,253)
```
#188dff
```
#188dff rgb(24,141,255)
```
#3199ff
```
#3199ff rgb(49,153,255)
```
#4ba6ff
```
#4ba6ff rgb(75,166,255)
```

Monochromatic Color

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

#00bffd
```
#00bffd rgb(0,191,253)
```
#00aafd
```
#00aafd rgb(0,170,253)
```
#0095fd
```
#0095fd rgb(0,149,253)
```
#0080fd
```
#0080fd rgb(0,128,253)
```
#006bfd
```
#006bfd rgb(0,107,253)
```
#0056fd
```
#0056fd rgb(0,86,253)
```
#0041fd
```
#0041fd rgb(0,65,253)
```

Similar Colors

Text with hexadecimal color #0080fd

This text has a font color of #0080fd.

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

#0080fd background color

This paragraph has a background color of #0080fd.

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

#0080fd border color

This element has a border color of #0080fd.

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

CSS codes

.text {color:#0080fd;}

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

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

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, #000912 is the darkest color, while #fdfeff is the lightest one.

#000912
```
#000912 rgb(0,9,18)
```
#001325
```
#001325 rgb(0,19,37)
```
#001d39
```
#001d39 rgb(0,29,57)
```
#00274c
```
#00274c rgb(0,39,76)
```
#003160
```
#003160 rgb(0,49,96)
```
#003b74
```
#003b74 rgb(0,59,116)
```
#004487
```
#004487 rgb(0,68,135)
```
#004e9b
```
#004e9b rgb(0,78,155)
```
#0058af
```
#0058af rgb(0,88,175)
```
#0062c2
```
#0062c2 rgb(0,98,194)
```
#006cd6
```
#006cd6 rgb(0,108,214)
```
#0076e9
```
#0076e9 rgb(0,118,233)
```
#0080fd
```
#0080fd rgb(0,128,253)
```

Shade Color Variation

#128aff
```
#128aff rgb(18,138,255)
```
#2593ff
```
#2593ff rgb(37,147,255)
```
#399dff
```
#399dff rgb(57,157,255)
```
#4ca7ff
```
#4ca7ff rgb(76,167,255)
```
#60b0ff
```
#60b0ff rgb(96,176,255)
```
#74baff
```
#74baff rgb(116,186,255)
```
#87c4ff
```
#87c4ff rgb(135,196,255)
```
#9bceff
```
#9bceff rgb(155,206,255)
```
#afd7ff
```
#afd7ff rgb(175,215,255)
```
#c2e1ff
```
#c2e1ff rgb(194,225,255)
```
#d6ebff
```
#d6ebff rgb(214,235,255)
```
#e9f4ff
```
#e9f4ff rgb(233,244,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#757f88
```
#757f88 rgb(117,127,136)
```
#6b7f92
```
#6b7f92 rgb(107,127,146)
```
#617f9c
```
#617f9c rgb(97,127,156)
```
#587fa5
```
#587fa5 rgb(88,127,165)
```
#4e7faf
```
#4e7faf rgb(78,127,175)
```
#447fb9
```
#447fb9 rgb(68,127,185)
```
#3a7fc3
```
#3a7fc3 rgb(58,127,195)
```
#317fcc
```
#317fcc rgb(49,127,204)
```
#2780d6
```
#2780d6 rgb(39,128,214)
```
#1d80e0
```
#1d80e0 rgb(29,128,224)
```
#1380ea
```
#1380ea rgb(19,128,234)
```
#0a80f3
```
#0a80f3 rgb(10,128,243)
```
#0080fd
```
#0080fd rgb(0,128,253)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#536d86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3685fb Protanopia 1% of men
#008be5 Deuteranopia 1% of men
#00969e Tritanopia 0.001% of the population

Trichromacy

#2283fc Protanomaly 1% of men, 0.01% of women
#0087ed Deuteranomaly 6% of men, 0.4% of women
#008ec1 Tritanomaly 0.01% of the population

#0080fd hex color

#0080fd Color Information

#0080fd Color Conversion

Color Schemes with #0080fd

Alternatives to #0080fd

#0080fd Preview

Shades and Tints of #0080fd

Tones of #0080fd

Color Blindness Simulator