#980afe hex color

In a RGB color space, hex #980afe is composed of 59.6% red, 3.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 96.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 274.9 degrees, a saturation of 99.2% and a lightness of 51.8%. #980afe color hex could be obtained by blending #ff14ff with #3100fd. Closest websafe color is: #9900ff.

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

● #980afe color description : Vivid violet.

The hexadecimal color #980afe has RGB values of R:152, G:10, B:254 and CMYK values of C:0.4, M:0.96, Y:0, K:0. Its decimal value is 9964286.

Hex triplet	980afe	`#980afe`
RGB Decimal	152, 10, 254	`rgb(152,10,254)`
RGB Percent	59.6, 3.9, 99.6	`rgb(59.6%,3.9%,99.6%)`
CMYK	40, 96, 0, 0
HSL	274.9°, 99.2, 51.8	`hsl(274.9,99.2%,51.8%)`
HSV (or HSB)	274.9°, 96.1, 99.6
Web Safe	9900ff	`#9900ff`

CIE-LAB	44.302, 84.042, -87.035
XYZ	30.944, 14.049, 94.842
xyY	0.221, 0.1, 14.049
CIE-LCH	44.302, 120.988, 313.998
CIE-LUV	44.302, 21.533, -131.343
Hunter-Lab	37.481, 81.774, -123.789
Binary	10011000, 00001010, 11111110

#980afe
```
#980afe rgb(152,10,254)
```
#70fe0a
```
#70fe0a rgb(112,254,10)
```

Complementary Color

#1e0afe
```
#1e0afe rgb(30,10,254)
```
#980afe
```
#980afe rgb(152,10,254)
```
#fe0aea
```
#fe0aea rgb(254,10,234)
```

Analogous Color

#0afe1e
```
#0afe1e rgb(10,254,30)
```
#980afe
```
#980afe rgb(152,10,254)
```
#eafe0a
```
#eafe0a rgb(234,254,10)
```

Split Complementary Color

#0afe98
```
#0afe98 rgb(10,254,152)
```
#980afe
```
#980afe rgb(152,10,254)
```
#fe980a
```
#fe980a rgb(254,152,10)
```

Triadic Color

#0a70fe
```
#0a70fe rgb(10,112,254)
```
#980afe
```
#980afe rgb(152,10,254)
```
#fe980a
```
#fe980a rgb(254,152,10)
```
#70fe0a
```
#70fe0a rgb(112,254,10)
```

Tetradic Color

#6d01bb
```
#6d01bb rgb(109,1,187)
```
#7c01d4
```
#7c01d4 rgb(124,1,212)
```
#8b01ee
```
#8b01ee rgb(139,1,238)
```
#980afe
```
#980afe rgb(152,10,254)
```
#a323fe
```
#a323fe rgb(163,35,254)
```
#ad3dfe
```
#ad3dfe rgb(173,61,254)
```
#b856fe
```
#b856fe rgb(184,86,254)
```

Monochromatic Color

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

#5b0afe
```
#5b0afe rgb(91,10,254)
```
#6f0afe
```
#6f0afe rgb(111,10,254)
```
#840afe
```
#840afe rgb(132,10,254)
```
#980afe
```
#980afe rgb(152,10,254)
```
#ac0afe
```
#ac0afe rgb(172,10,254)
```
#c10afe
```
#c10afe rgb(193,10,254)
```
#d50afe
```
#d50afe rgb(213,10,254)
```

Similar Colors

Text with hexadecimal color #980afe

This text has a font color of #980afe.

<span style="color:#980afe;">Text here</span>

#980afe background color

This paragraph has a background color of #980afe.

<p style="background-color:#980afe;">Content here</p>

#980afe border color

This element has a border color of #980afe.

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

CSS codes

.text {color:#980afe;}

.background {background-color:#980afe;}

.border {border:1px solid #980afe;}

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

#050009
```
#050009 rgb(5,0,9)
```
#11001c
```
#11001c rgb(17,0,28)
```
#1c0030
```
#1c0030 rgb(28,0,48)
```
#270044
```
#270044 rgb(39,0,68)
```
#330057
```
#330057 rgb(51,0,87)
```
#3e006b
```
#3e006b rgb(62,0,107)
```
#4a017e
```
#4a017e rgb(74,1,126)
```
#550192
```
#550192 rgb(85,1,146)
```
#6001a5
```
#6001a5 rgb(96,1,165)
```
#6c01b9
```
#6c01b9 rgb(108,1,185)
```
#7701cc
```
#7701cc rgb(119,1,204)
```
#8301e0
```
#8301e0 rgb(131,1,224)
```
#8e01f3
```
#8e01f3 rgb(142,1,243)
```

Shade Color Variation

#980afe
```
#980afe rgb(152,10,254)
```
#a01efe
```
#a01efe rgb(160,30,254)
```
#a831fe
```
#a831fe rgb(168,49,254)
```
#b145fe
```
#b145fe rgb(177,69,254)
```
#b958fe
```
#b958fe rgb(185,88,254)
```
#c16cfe
```
#c16cfe rgb(193,108,254)
```
#c97ffe
```
#c97ffe rgb(201,127,254)
```
#d193ff
```
#d193ff rgb(209,147,255)
```
#daa6ff
```
#daa6ff rgb(218,166,255)
```
#e2baff
```
#e2baff rgb(226,186,255)
```
#eacdff
```
#eacdff rgb(234,205,255)
```
#f2e1ff
```
#f2e1ff rgb(242,225,255)
```
#fbf4ff
```
#fbf4ff rgb(251,244,255)
```

Tint Color Variation

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

#857c8c
```
#857c8c rgb(133,124,140)
```
#877296
```
#877296 rgb(135,114,150)
```
#88699f
```
#88699f rgb(136,105,159)
```
#8a5fa9
```
#8a5fa9 rgb(138,95,169)
```
#8c56b2
```
#8c56b2 rgb(140,86,178)
```
#8d4cbc
```
#8d4cbc rgb(141,76,188)
```
#8f43c5
```
#8f43c5 rgb(143,67,197)
```
#9039cf
```
#9039cf rgb(144,57,207)
```
#9230d8
```
#9230d8 rgb(146,48,216)
```
#9326e2
```
#9326e2 rgb(147,38,226)
```
#951deb
```
#951deb rgb(149,29,235)
```
#9613f5
```
#9613f5 rgb(150,19,245)
```
#980afe
```
#980afe rgb(152,10,254)
```

Tone Color Variation

Below, you can see how #980afe 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

#505050 Achromatopsia 0.005% of the population
#5e4273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#786d75 Tritanopia 0.001% of the population

Trichromacy

#3749e3 Protanomaly 1% of men, 0.01% of women
#374dd2 Deuteranomaly 6% of men, 0.4% of women
#8449a6 Tritanomaly 0.01% of the population

#980afe hex color

#980afe Color Information

#980afe Color Conversion

Color Schemes with #980afe

Alternatives to #980afe

#980afe Preview

Shades and Tints of #980afe

Tones of #980afe

Color Blindness Simulator