#9980f5 hex color

In a RGB color space, hex #9980f5 is composed of 60% red, 50.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 47.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 252.8 degrees, a saturation of 85.4% and a lightness of 73.1%. #9980f5 color hex could be obtained by blending #ffffff with #3301eb. Closest websafe color is: #9999ff.

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

● #9980f5 color description : Soft blue.

The hexadecimal color #9980f5 has RGB values of R:153, G:128, B:245 and CMYK values of C:0.38, M:0.48, Y:0, K:0.04. Its decimal value is 10060021.

Hex triplet	9980f5	`#9980f5`
RGB Decimal	153, 128, 245	`rgb(153,128,245)`
RGB Percent	60, 50.2, 96.1	`rgb(60%,50.2%,96.1%)`
CMYK	38, 48, 0, 4
HSL	252.8°, 85.4, 73.1	`hsl(252.8,85.4%,73.1%)`
HSV (or HSB)	252.8°, 47.8, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	60.607, 35.976, -55.597
XYZ	37.334, 28.803, 89.974
xyY	0.239, 0.185, 28.803
CIE-LCH	60.607, 66.222, 302.906
CIE-LUV	60.607, 3.278, -92.734
Hunter-Lab	53.668, 30.255, -61.831
Binary	10011001, 10000000, 11110101

#9980f5
```
#9980f5 rgb(153,128,245)
```
#dcf580
```
#dcf580 rgb(220,245,128)
```

Complementary Color

#80a2f5
```
#80a2f5 rgb(128,162,245)
```
#9980f5
```
#9980f5 rgb(153,128,245)
```
#d480f5
```
#d480f5 rgb(212,128,245)
```

Analogous Color

#a2f580
```
#a2f580 rgb(162,245,128)
```
#9980f5
```
#9980f5 rgb(153,128,245)
```
#f5d480
```
#f5d480 rgb(245,212,128)
```

Split Complementary Color

#80f599
```
#80f599 rgb(128,245,153)
```
#9980f5
```
#9980f5 rgb(153,128,245)
```
#f59980
```
#f59980 rgb(245,153,128)
```

Triadic Color

#80dcf5
```
#80dcf5 rgb(128,220,245)
```
#9980f5
```
#9980f5 rgb(153,128,245)
```
#f59980
```
#f59980 rgb(245,153,128)
```
#dcf580
```
#dcf580 rgb(220,245,128)
```

Tetradic Color

#6039ef
```
#6039ef rgb(96,57,239)
```
#7351f1
```
#7351f1 rgb(115,81,241)
```
#8668f3
```
#8668f3 rgb(134,104,243)
```
#9980f5
```
#9980f5 rgb(153,128,245)
```
#ac98f7
```
#ac98f7 rgb(172,152,247)
```
#bfaff9
```
#bfaff9 rgb(191,175,249)
```
#d2c7fb
```
#d2c7fb rgb(210,199,251)
```

Monochromatic Color

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

#8084f5
```
#8084f5 rgb(128,132,245)
```
#8680f5
```
#8680f5 rgb(134,128,245)
```
#8f80f5
```
#8f80f5 rgb(143,128,245)
```
#9980f5
```
#9980f5 rgb(153,128,245)
```
#a380f5
```
#a380f5 rgb(163,128,245)
```
#ad80f5
```
#ad80f5 rgb(173,128,245)
```
#b680f5
```
#b680f5 rgb(182,128,245)
```

Similar Colors

Text with hexadecimal color #9980f5

This text has a font color of #9980f5.

<span style="color:#9980f5;">Text here</span>

#9980f5 background color

This paragraph has a background color of #9980f5.

<p style="background-color:#9980f5;">Content here</p>

#9980f5 border color

This element has a border color of #9980f5.

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

CSS codes

.text {color:#9980f5;}

.background {background-color:#9980f5;}

.border {border:1px solid #9980f5;}

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

#000000
```
#000000 rgb(0,0,0)
```
#050112
```
#050112 rgb(5,1,18)
```
#0a0325
```
#0a0325 rgb(10,3,37)
```
#0f0437
```
#0f0437 rgb(15,4,55)
```
#140649
```
#140649 rgb(20,6,73)
```
#19075b
```
#19075b rgb(25,7,91)
```
#1e096d
```
#1e096d rgb(30,9,109)
```
#230a80
```
#230a80 rgb(35,10,128)
```
#280b92
```
#280b92 rgb(40,11,146)
```
#2d0da4
```
#2d0da4 rgb(45,13,164)
```
#320eb6
```
#320eb6 rgb(50,14,182)
```
#3710c8
```
#3710c8 rgb(55,16,200)
```
#3c11da
```
#3c11da rgb(60,17,218)
```

Shade Color Variation

#4113ec
```
#4113ec rgb(65,19,236)
```
#5025ee
```
#5025ee rgb(80,37,238)
```
#5f37ef
```
#5f37ef rgb(95,55,239)
```
#6d49f1
```
#6d49f1 rgb(109,73,241)
```
#7c5cf2
```
#7c5cf2 rgb(124,92,242)
```
#8a6ef4
```
#8a6ef4 rgb(138,110,244)
```
#9980f5
```
#9980f5 rgb(153,128,245)
```
#a892f6
```
#a892f6 rgb(168,146,246)
```
#b6a4f8
```
#b6a4f8 rgb(182,164,248)
```
#c5b7f9
```
#c5b7f9 rgb(197,183,249)
```
#d3c9fb
```
#d3c9fb rgb(211,201,251)
```
#e2dbfc
```
#e2dbfc rgb(226,219,252)
```
#f1edfe
```
#f1edfe rgb(241,237,254)
```

Tint Color Variation

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

#bababb
```
#bababb rgb(186,186,187)
```
#b7b5c0
```
#b7b5c0 rgb(183,181,192)
```
#b4afc6
```
#b4afc6 rgb(180,175,198)
```
#b1aacb
```
#b1aacb rgb(177,170,203)
```
#aea5d0
```
#aea5d0 rgb(174,165,208)
```
#aba0d5
```
#aba0d5 rgb(171,160,213)
```
#a89adb
```
#a89adb rgb(168,154,219)
```
#a595e0
```
#a595e0 rgb(165,149,224)
```
#a290e5
```
#a290e5 rgb(162,144,229)
```
#9f8bea
```
#9f8bea rgb(159,139,234)
```
#9c85f0
```
#9c85f0 rgb(156,133,240)
```
#9980f5
```
#9980f5 rgb(153,128,245)
```
#967bfa
```
#967bfa rgb(150,123,250)
```

Tone Color Variation

Below, you can see how #9980f5 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

#959595 Achromatopsia 0.005% of the population
#9691a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6094ff Protanopia 1% of men
#5a98ee Deuteranopia 1% of men
#879aa5 Tritanopia 0.001% of the population

Trichromacy

#758cfb Protanomaly 1% of men, 0.01% of women
#718ff0 Deuteranomaly 6% of men, 0.4% of women
#8e90c2 Tritanomaly 0.01% of the population

#9980f5 hex color

#9980f5 Color Information

#9980f5 Color Conversion

Color Schemes with #9980f5

Alternatives to #9980f5

#9980f5 Preview

Shades and Tints of #9980f5

Tones of #9980f5

Color Blindness Simulator