#8080f6 hex color

In a RGB color space, hex #8080f6 is composed of 50.2% red, 50.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 48% magenta, 0% yellow and 3.5% black. It has a hue angle of 240 degrees, a saturation of 86.8% and a lightness of 73.3%. #8080f6 color hex could be obtained by blending #ffffff with #0101ed. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 50
- G 50
- B 96
RGB color chart
- C 48
- M 48
- Y 0
- K 4
CMYK color chart

● #8080f6 color description : Soft blue.

The hexadecimal color #8080f6 has RGB values of R:128, G:128, B:246 and CMYK values of C:0.48, M:0.48, Y:0, K:0.04. Its decimal value is 8421622.

Hex triplet	8080f6	`#8080f6`
RGB Decimal	128, 128, 246	`rgb(128,128,246)`
RGB Percent	50.2, 50.2, 96.5	`rgb(50.2%,50.2%,96.5%)`
CMYK	48, 48, 0, 4
HSL	240°, 86.8, 73.3	`hsl(240,86.8%,73.3%)`
HSV (or HSB)	240°, 48, 96.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	58.677, 30.431, -59.346
XYZ	33.253, 26.68, 90.581
xyY	0.221, 0.177, 26.68
CIE-LCH	58.677, 66.694, 297.147
CIE-LUV	58.677, -7.038, -97.512
Hunter-Lab	51.653, 24.52, -67.817
Binary	10000000, 10000000, 11110110

#8080f6
```
#8080f6 rgb(128,128,246)
```
#f6f680
```
#f6f680 rgb(246,246,128)
```

Complementary Color

#80bbf6
```
#80bbf6 rgb(128,187,246)
```
#8080f6
```
#8080f6 rgb(128,128,246)
```
#bb80f6
```
#bb80f6 rgb(187,128,246)
```

Analogous Color

#bbf680
```
#bbf680 rgb(187,246,128)
```
#8080f6
```
#8080f6 rgb(128,128,246)
```
#f6bb80
```
#f6bb80 rgb(246,187,128)
```

Split Complementary Color

#80f680
```
#80f680 rgb(128,246,128)
```
#8080f6
```
#8080f6 rgb(128,128,246)
```
#f68080
```
#f68080 rgb(246,128,128)
```

Triadic Color

#80f6f6
```
#80f6f6 rgb(128,246,246)
```
#8080f6
```
#8080f6 rgb(128,128,246)
```
#f68080
```
#f68080 rgb(246,128,128)
```
#f6f680
```
#f6f680 rgb(246,246,128)
```

Tetradic Color

#3939f1
```
#3939f1 rgb(57,57,241)
```
#5050f3
```
#5050f3 rgb(80,80,243)
```
#6868f4
```
#6868f4 rgb(104,104,244)
```
#8080f6
```
#8080f6 rgb(128,128,246)
```
#9898f8
```
#9898f8 rgb(152,152,248)
```
#b0b0f9
```
#b0b0f9 rgb(176,176,249)
```
#c7c7fb
```
#c7c7fb rgb(199,199,251)
```

Monochromatic Color

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

#809ef6
```
#809ef6 rgb(128,158,246)
```
#8094f6
```
#8094f6 rgb(128,148,246)
```
#808af6
```
#808af6 rgb(128,138,246)
```
#8080f6
```
#8080f6 rgb(128,128,246)
```
#8a80f6
```
#8a80f6 rgb(138,128,246)
```
#9480f6
```
#9480f6 rgb(148,128,246)
```
#9e80f6
```
#9e80f6 rgb(158,128,246)
```

Similar Colors

Text with hexadecimal color #8080f6

This text has a font color of #8080f6.

<span style="color:#8080f6;">Text here</span>

#8080f6 background color

This paragraph has a background color of #8080f6.

<p style="background-color:#8080f6;">Content here</p>

#8080f6 border color

This element has a border color of #8080f6.

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

CSS codes

.text {color:#8080f6;}

.background {background-color:#8080f6;}

.border {border:1px solid #8080f6;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010114
```
#010114 rgb(1,1,20)
```
#030326
```
#030326 rgb(3,3,38)
```
#040438
```
#040438 rgb(4,4,56)
```
#05054a
```
#05054a rgb(5,5,74)
```
#07075d
```
#07075d rgb(7,7,93)
```
#08086f
```
#08086f rgb(8,8,111)
```
#090981
```
#090981 rgb(9,9,129)
```
#0a0a94
```
#0a0a94 rgb(10,10,148)
```
#0c0ca6
```
#0c0ca6 rgb(12,12,166)
```
#0d0db8
```
#0d0db8 rgb(13,13,184)
```
#0e0ecb
```
#0e0ecb rgb(14,14,203)
```
#1010dd
```
#1010dd rgb(16,16,221)
```

Shade Color Variation

#1212ee
```
#1212ee rgb(18,18,238)
```
#2424f0
```
#2424f0 rgb(36,36,240)
```
#3737f1
```
#3737f1 rgb(55,55,241)
```
#4949f2
```
#4949f2 rgb(73,73,242)
```
#5b5bf3
```
#5b5bf3 rgb(91,91,243)
```
#6e6ef5
```
#6e6ef5 rgb(110,110,245)
```
#8080f6
```
#8080f6 rgb(128,128,246)
```
#9292f7
```
#9292f7 rgb(146,146,247)
```
#a5a5f9
```
#a5a5f9 rgb(165,165,249)
```
#b7b7fa
```
#b7b7fa rgb(183,183,250)
```
#c9c9fb
```
#c9c9fb rgb(201,201,251)
```
#dcdcfc
```
#dcdcfc rgb(220,220,252)
```
#eeeefe
```
#eeeefe rgb(238,238,254)
```

Tint Color Variation

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

#bababc
```
#bababc rgb(186,186,188)
```
#b4b4c2
```
#b4b4c2 rgb(180,180,194)
```
#afafc7
```
#afafc7 rgb(175,175,199)
```
#aaaacc
```
#aaaacc rgb(170,170,204)
```
#a5a5d1
```
#a5a5d1 rgb(165,165,209)
```
#9f9fd7
```
#9f9fd7 rgb(159,159,215)
```
#9a9adc
```
#9a9adc rgb(154,154,220)
```
#9595e1
```
#9595e1 rgb(149,149,225)
```
#9090e6
```
#9090e6 rgb(144,144,230)
```
#8a8aec
```
#8a8aec rgb(138,138,236)
```
#8585f1
```
#8585f1 rgb(133,133,241)
```
#8080f6
```
#8080f6 rgb(128,128,246)
```
#7b7bfb
```
#7b7bfb rgb(123,123,251)
```

Tone Color Variation

Below, you can see how #8080f6 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

#8d8d8d Achromatopsia 0.005% of the population
#8a8aa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#558ffe Protanopia 1% of men
#4094f0 Deuteranopia 1% of men
#689aa6 Tritanopia 0.001% of the population

Trichromacy

#6589fb Protanomaly 1% of men, 0.01% of women
#578df2 Deuteranomaly 6% of men, 0.4% of women
#7091c3 Tritanomaly 0.01% of the population

#8080f6 hex color

#8080f6 Color Information

#8080f6 Color Conversion

Color Schemes with #8080f6

Alternatives to #8080f6

#8080f6 Preview

Shades and Tints of #8080f6

Tones of #8080f6

Color Blindness Simulator