#8980f0 hex color

In a RGB color space, hex #8980f0 is composed of 53.7% red, 50.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 46.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 244.8 degrees, a saturation of 78.9% and a lightness of 72.2%. #8980f0 color hex could be obtained by blending #ffffff with #1301e1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 54
- G 50
- B 94
RGB color chart
- C 43
- M 47
- Y 0
- K 6
CMYK color chart

● #8980f0 color description : Soft blue.

The hexadecimal color #8980f0 has RGB values of R:137, G:128, B:240 and CMYK values of C:0.43, M:0.47, Y:0, K:0.06. Its decimal value is 9011440.

Hex triplet	8980f0	`#8980f0`
RGB Decimal	137, 128, 240	`rgb(137,128,240)`
RGB Percent	53.7, 50.2, 94.1	`rgb(53.7%,50.2%,94.1%)`
CMYK	43, 47, 0, 6
HSL	244.8°, 78.9, 72.2	`hsl(244.8,78.9%,72.2%)`
HSV (or HSB)	244.8°, 46.7, 94.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	59.018, 30.749, -55.443
XYZ	33.761, 27.047, 85.875
xyY	0.23, 0.184, 27.047
CIE-LCH	59.018, 63.399, 299.013
CIE-LUV	59.018, -3.158, -91.406
Hunter-Lab	52.007, 24.863, -61.496
Binary	10001001, 10000000, 11110000

#8980f0
```
#8980f0 rgb(137,128,240)
```
#e7f080
```
#e7f080 rgb(231,240,128)
```

Complementary Color

#80aff0
```
#80aff0 rgb(128,175,240)
```
#8980f0
```
#8980f0 rgb(137,128,240)
```
#c180f0
```
#c180f0 rgb(193,128,240)
```

Analogous Color

#aff080
```
#aff080 rgb(175,240,128)
```
#8980f0
```
#8980f0 rgb(137,128,240)
```
#f0c180
```
#f0c180 rgb(240,193,128)
```

Split Complementary Color

#80f089
```
#80f089 rgb(128,240,137)
```
#8980f0
```
#8980f0 rgb(137,128,240)
```
#f08980
```
#f08980 rgb(240,137,128)
```

Triadic Color

#80e7f0
```
#80e7f0 rgb(128,231,240)
```
#8980f0
```
#8980f0 rgb(137,128,240)
```
#f08980
```
#f08980 rgb(240,137,128)
```
#e7f080
```
#e7f080 rgb(231,240,128)
```

Tetradic Color

#493ce8
```
#493ce8 rgb(73,60,232)
```
#5f52eb
```
#5f52eb rgb(95,82,235)
```
#7469ed
```
#7469ed rgb(116,105,237)
```
#8980f0
```
#8980f0 rgb(137,128,240)
```
#9e97f3
```
#9e97f3 rgb(158,151,243)
```
#b3aef5
```
#b3aef5 rgb(179,174,245)
```
#c9c4f8
```
#c9c4f8 rgb(201,196,248)
```

Monochromatic Color

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

#8093f0
```
#8093f0 rgb(128,147,240)
```
#808af0
```
#808af0 rgb(128,138,240)
```
#8080f0
```
#8080f0 rgb(128,128,240)
```
#8980f0
```
#8980f0 rgb(137,128,240)
```
#9280f0
```
#9280f0 rgb(146,128,240)
```
#9c80f0
```
#9c80f0 rgb(156,128,240)
```
#a580f0
```
#a580f0 rgb(165,128,240)
```

Similar Colors

Text with hexadecimal color #8980f0

This text has a font color of #8980f0.

<span style="color:#8980f0;">Text here</span>

#8980f0 background color

This paragraph has a background color of #8980f0.

<p style="background-color:#8980f0;">Content here</p>

#8980f0 border color

This element has a border color of #8980f0.

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

CSS codes

.text {color:#8980f0;}

.background {background-color:#8980f0;}

.border {border:1px solid #8980f0;}

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, #03020d is the darkest color, while #fbfbff is the lightest one.

#03020d
```
#03020d rgb(3,2,13)
```
#06041f
```
#06041f rgb(6,4,31)
```
#090630
```
#090630 rgb(9,6,48)
```
#0c0842
```
#0c0842 rgb(12,8,66)
```
#100a54
```
#100a54 rgb(16,10,84)
```
#130c65
```
#130c65 rgb(19,12,101)
```
#160e77
```
#160e77 rgb(22,14,119)
```
#1a1088
```
#1a1088 rgb(26,16,136)
```
#1d129a
```
#1d129a rgb(29,18,154)
```
#2014ab
```
#2014ab rgb(32,20,171)
```
#2416bd
```
#2416bd rgb(36,22,189)
```
#2718ce
```
#2718ce rgb(39,24,206)
```
#2a1ae0
```
#2a1ae0 rgb(42,26,224)
```

Shade Color Variation

#3728e6
```
#3728e6 rgb(55,40,230)
```
#483ae8
```
#483ae8 rgb(72,58,232)
```
#584bea
```
#584bea rgb(88,75,234)
```
#685dec
```
#685dec rgb(104,93,236)
```
#796eee
```
#796eee rgb(121,110,238)
```
#8980f0
```
#8980f0 rgb(137,128,240)
```
#9992f2
```
#9992f2 rgb(153,146,242)
```
#aaa3f4
```
#aaa3f4 rgb(170,163,244)
```
#bab5f6
```
#bab5f6 rgb(186,181,246)
```
#cac6f8
```
#cac6f8 rgb(202,198,248)
```
#dbd8fa
```
#dbd8fa rgb(219,216,250)
```
#ebe9fc
```
#ebe9fc rgb(235,233,252)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#b7b7b9
```
#b7b7b9 rgb(183,183,185)
```
#b2b1bf
```
#b2b1bf rgb(178,177,191)
```
#aeacc4
```
#aeacc4 rgb(174,172,196)
```
#a9a6ca
```
#a9a6ca rgb(169,166,202)
```
#a5a1cf
```
#a5a1cf rgb(165,161,207)
```
#a09bd5
```
#a09bd5 rgb(160,155,213)
```
#9b96da
```
#9b96da rgb(155,150,218)
```
#9790e0
```
#9790e0 rgb(151,144,224)
```
#928be5
```
#928be5 rgb(146,139,229)
```
#8e85eb
```
#8e85eb rgb(142,133,235)
```
#8980f0
```
#8980f0 rgb(137,128,240)
```
#847bf5
```
#847bf5 rgb(132,123,245)
```
#8075fb
```
#8075fb rgb(128,117,251)
```

Tone Color Variation

Below, you can see how #8980f0 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

#8f8f8f Achromatopsia 0.005% of the population
#8e8ca2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d90f9 Protanopia 1% of men
#5294eb Deuteranopia 1% of men
#7699a4 Tritanopia 0.001% of the population

Trichromacy

#6d8af5 Protanomaly 1% of men, 0.01% of women
#668dec Deuteranomaly 6% of men, 0.4% of women
#7d90c0 Tritanomaly 0.01% of the population

#8980f0 hex color

#8980f0 Color Information

#8980f0 Color Conversion

Color Schemes with #8980f0

Alternatives to #8980f0

#8980f0 Preview

Shades and Tints of #8980f0

Tones of #8980f0

Color Blindness Simulator