#8980f9 hex color

In a RGB color space, hex #8980f9 is composed of 53.7% red, 50.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 48.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 244.5 degrees, a saturation of 91% and a lightness of 73.9%. #8980f9 color hex could be obtained by blending #ffffff with #1301f3. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 54
- G 50
- B 98
RGB color chart
- C 45
- M 49
- Y 0
- K 2
CMYK color chart

● #8980f9 color description : Soft blue.

The hexadecimal color #8980f9 has RGB values of R:137, G:128, B:249 and CMYK values of C:0.45, M:0.49, Y:0, K:0.02. Its decimal value is 9011449.

Hex triplet	8980f9	`#8980f9`
RGB Decimal	137, 128, 249	`rgb(137,128,249)`
RGB Percent	53.7, 50.2, 97.6	`rgb(53.7%,50.2%,97.6%)`
CMYK	45, 49, 0, 2
HSL	244.5°, 91, 73.9	`hsl(244.5,91%,73.9%)`
HSV (or HSB)	244.5°, 48.6, 97.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	59.521, 33.307, -59.614
XYZ	35.131, 27.595, 93.093
xyY	0.225, 0.177, 27.595
CIE-LCH	59.521, 68.287, 299.192
CIE-LUV	59.521, -3.792, -98.536
Hunter-Lab	52.531, 27.445, -68.298
Binary	10001001, 10000000, 11111001

#8980f9
```
#8980f9 rgb(137,128,249)
```
#f0f980
```
#f0f980 rgb(240,249,128)
```

Complementary Color

#80b4f9
```
#80b4f9 rgb(128,180,249)
```
#8980f9
```
#8980f9 rgb(137,128,249)
```
#c680f9
```
#c680f9 rgb(198,128,249)
```

Analogous Color

#b4f980
```
#b4f980 rgb(180,249,128)
```
#8980f9
```
#8980f9 rgb(137,128,249)
```
#f9c680
```
#f9c680 rgb(249,198,128)
```

Split Complementary Color

#80f989
```
#80f989 rgb(128,249,137)
```
#8980f9
```
#8980f9 rgb(137,128,249)
```
#f98980
```
#f98980 rgb(249,137,128)
```

Triadic Color

#80f0f9
```
#80f0f9 rgb(128,240,249)
```
#8980f9
```
#8980f9 rgb(137,128,249)
```
#f98980
```
#f98980 rgb(249,137,128)
```
#f0f980
```
#f0f980 rgb(240,249,128)
```

Tetradic Color

#4537f6
```
#4537f6 rgb(69,55,246)
```
#5c4ff7
```
#5c4ff7 rgb(92,79,247)
```
#7268f8
```
#7268f8 rgb(114,104,248)
```
#8980f9
```
#8980f9 rgb(137,128,249)
```
#a098fa
```
#a098fa rgb(160,152,250)
```
#b6b1fb
```
#b6b1fb rgb(182,177,251)
```
#cdc9fc
```
#cdc9fc rgb(205,201,252)
```

Monochromatic Color

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

#8095f9
```
#8095f9 rgb(128,149,249)
```
#808bf9
```
#808bf9 rgb(128,139,249)
```
#8081f9
```
#8081f9 rgb(128,129,249)
```
#8980f9
```
#8980f9 rgb(137,128,249)
```
#9380f9
```
#9380f9 rgb(147,128,249)
```
#9d80f9
```
#9d80f9 rgb(157,128,249)
```
#a780f9
```
#a780f9 rgb(167,128,249)
```

Similar Colors

Text with hexadecimal color #8980f9

This text has a font color of #8980f9.

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

#8980f9 background color

This paragraph has a background color of #8980f9.

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

#8980f9 border color

This element has a border color of #8980f9.

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

CSS codes

.text {color:#8980f9;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#030117
```
#030117 rgb(3,1,23)
```
#05022a
```
#05022a rgb(5,2,42)
```
#07033c
```
#07033c rgb(7,3,60)
```
#09044f
```
#09044f rgb(9,4,79)
```
#0c0562
```
#0c0562 rgb(12,5,98)
```
#0e0674
```
#0e0674 rgb(14,6,116)
```
#100687
```
#100687 rgb(16,6,135)
```
#12079a
```
#12079a rgb(18,7,154)
```
#1408ad
```
#1408ad rgb(20,8,173)
```
#1709bf
```
#1709bf rgb(23,9,191)
```
#190ad2
```
#190ad2 rgb(25,10,210)
```
#1b0be5
```
#1b0be5 rgb(27,11,229)
```

Shade Color Variation

#2110f4
```
#2110f4 rgb(33,16,244)
```
#3222f5
```
#3222f5 rgb(50,34,245)
```
#4335f5
```
#4335f5 rgb(67,53,245)
```
#5548f6
```
#5548f6 rgb(85,72,246)
```
#665bf7
```
#665bf7 rgb(102,91,247)
```
#786df8
```
#786df8 rgb(120,109,248)
```
#8980f9
```
#8980f9 rgb(137,128,249)
```
#9a93fa
```
#9a93fa rgb(154,147,250)
```
#aca5fb
```
#aca5fb rgb(172,165,251)
```
#bdb8fc
```
#bdb8fc rgb(189,184,252)
```
#cfcbfd
```
#cfcbfd rgb(207,203,253)
```
#e0defd
```
#e0defd rgb(224,222,253)
```
#f1f0fe
```
#f1f0fe rgb(241,240,254)
```

Tint Color Variation

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

#b9b8c1
```
#b9b8c1 rgb(185,184,193)
```
#b5b3c6
```
#b5b3c6 rgb(181,179,198)
```
#b0aecb
```
#b0aecb rgb(176,174,203)
```
#aca9d0
```
#aca9d0 rgb(172,169,208)
```
#a7a4d5
```
#a7a4d5 rgb(167,164,213)
```
#a39fda
```
#a39fda rgb(163,159,218)
```
#9f9adf
```
#9f9adf rgb(159,154,223)
```
#9a94e5
```
#9a94e5 rgb(154,148,229)
```
#968fea
```
#968fea rgb(150,143,234)
```
#928aef
```
#928aef rgb(146,138,239)
```
#8d85f4
```
#8d85f4 rgb(141,133,244)
```
#8980f9
```
#8980f9 rgb(137,128,249)
```
#857bfe
```
#857bfe rgb(133,123,254)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8f8da5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5991ff Protanopia 1% of men
#4596f2 Deuteranopia 1% of men
#729ba6 Tritanopia 0.001% of the population

Trichromacy

#6b8bfc Protanomaly 1% of men, 0.01% of women
#5e8ef5 Deuteranomaly 6% of men, 0.4% of women
#7a91c4 Tritanomaly 0.01% of the population

#8980f9 hex color

#8980f9 Color Information

#8980f9 Color Conversion

Color Schemes with #8980f9

Alternatives to #8980f9

#8980f9 Preview

Shades and Tints of #8980f9

Tones of #8980f9

Color Blindness Simulator