#980bf3 hex color

In a RGB color space, hex #980bf3 is composed of 59.6% red, 4.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 37.4% cyan, 95.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 276.5 degrees, a saturation of 91.3% and a lightness of 49.8%. #980bf3 color hex could be obtained by blending #ff16ff with #3100e7. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 60
- G 4
- B 95
RGB color chart
- C 37
- M 95
- Y 0
- K 5
CMYK color chart

● #980bf3 color description : Vivid violet.

The hexadecimal color #980bf3 has RGB values of R:152, G:11, B:243 and CMYK values of C:0.37, M:0.95, Y:0, K:0.05. Its decimal value is 9964531.

Hex triplet	980bf3	`#980bf3`
RGB Decimal	152, 11, 243	`rgb(152,11,243)`
RGB Percent	59.6, 4.3, 95.3	`rgb(59.6%,4.3%,95.3%)`
CMYK	37, 95, 0, 5
HSL	276.5°, 91.3, 49.8	`hsl(276.5,91.3%,49.8%)`
HSV (or HSB)	276.5°, 95.5, 95.3
Web Safe	9900ff	`#9900ff`

CIE-LAB	43.34, 81.773, -82.444
XYZ	29.244, 13.386, 85.832
xyY	0.228, 0.104, 13.386
CIE-LCH	43.34, 116.12, 314.766
CIE-LUV	43.34, 23.715, -124.64
Hunter-Lab	36.587, 78.645, -113.481
Binary	10011000, 00001011, 11110011

#980bf3
```
#980bf3 rgb(152,11,243)
```
#66f30b
```
#66f30b rgb(102,243,11)
```

Complementary Color

#240bf3
```
#240bf3 rgb(36,11,243)
```
#980bf3
```
#980bf3 rgb(152,11,243)
```
#f30bda
```
#f30bda rgb(243,11,218)
```

Analogous Color

#0bf324
```
#0bf324 rgb(11,243,36)
```
#980bf3
```
#980bf3 rgb(152,11,243)
```
#daf30b
```
#daf30b rgb(218,243,11)
```

Split Complementary Color

#0bf398
```
#0bf398 rgb(11,243,152)
```
#980bf3
```
#980bf3 rgb(152,11,243)
```
#f3980b
```
#f3980b rgb(243,152,11)
```

Triadic Color

#0b66f3
```
#0b66f3 rgb(11,102,243)
```
#980bf3
```
#980bf3 rgb(152,11,243)
```
#f3980b
```
#f3980b rgb(243,152,11)
```
#66f30b
```
#66f30b rgb(102,243,11)
```

Tetradic Color

#6a08aa
```
#6a08aa rgb(106,8,170)
```
#7909c2
```
#7909c2 rgb(121,9,194)
```
#890adb
```
#890adb rgb(137,10,219)
```
#980bf3
```
#980bf3 rgb(152,11,243)
```
#a222f5
```
#a222f5 rgb(162,34,245)
```
#ad3bf6
```
#ad3bf6 rgb(173,59,246)
```
#b753f7
```
#b753f7 rgb(183,83,247)
```

Monochromatic Color

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

#5e0bf3
```
#5e0bf3 rgb(94,11,243)
```
#710bf3
```
#710bf3 rgb(113,11,243)
```
#850bf3
```
#850bf3 rgb(133,11,243)
```
#980bf3
```
#980bf3 rgb(152,11,243)
```
#ab0bf3
```
#ab0bf3 rgb(171,11,243)
```
#bf0bf3
```
#bf0bf3 rgb(191,11,243)
```
#d20bf3
```
#d20bf3 rgb(210,11,243)
```

Similar Colors

Text with hexadecimal color #980bf3

This text has a font color of #980bf3.

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

#980bf3 background color

This paragraph has a background color of #980bf3.

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

#980bf3 border color

This element has a border color of #980bf3.

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

CSS codes

.text {color:#980bf3;}

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

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

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, #0b0112 is the darkest color, while #fffeff is the lightest one.

#0b0112
```
#0b0112 rgb(11,1,18)
```
#170225
```
#170225 rgb(23,2,37)
```
#230337
```
#230337 rgb(35,3,55)
```
#2e034a
```
#2e034a rgb(46,3,74)
```
#3a045d
```
#3a045d rgb(58,4,93)
```
#460570
```
#460570 rgb(70,5,112)
```
#520682
```
#520682 rgb(82,6,130)
```
#5d0795
```
#5d0795 rgb(93,7,149)
```
#6908a8
```
#6908a8 rgb(105,8,168)
```
#7508bb
```
#7508bb rgb(117,8,187)
```
#8109cd
```
#8109cd rgb(129,9,205)
```
#8c0ae0
```
#8c0ae0 rgb(140,10,224)
```
#980bf3
```
#980bf3 rgb(152,11,243)
```

Shade Color Variation

#a01df5
```
#a01df5 rgb(160,29,245)
```
#a830f6
```
#a830f6 rgb(168,48,246)
```
#b042f6
```
#b042f6 rgb(176,66,246)
```
#b855f7
```
#b855f7 rgb(184,85,247)
```
#c068f8
```
#c068f8 rgb(192,104,248)
```
#c77bf9
```
#c77bf9 rgb(199,123,249)
```
#cf8dfa
```
#cf8dfa rgb(207,141,250)
```
#d7a0fb
```
#d7a0fb rgb(215,160,251)
```
#dfb3fc
```
#dfb3fc rgb(223,179,252)
```
#e7c6fc
```
#e7c6fc rgb(231,198,252)
```
#efd9fd
```
#efd9fd rgb(239,217,253)
```
#f7ebfe
```
#f7ebfe rgb(247,235,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#817688
```
#817688 rgb(129,118,136)
```
#836d91
```
#836d91 rgb(131,109,145)
```
#85639b
```
#85639b rgb(133,99,155)
```
#8759a5
```
#8759a5 rgb(135,89,165)
```
#894faf
```
#894faf rgb(137,79,175)
```
#8b46b8
```
#8b46b8 rgb(139,70,184)
```
#8d3cc2
```
#8d3cc2 rgb(141,60,194)
```
#9032cc
```
#9032cc rgb(144,50,204)
```
#9228d6
```
#9228d6 rgb(146,40,214)
```
#941fdf
```
#941fdf rgb(148,31,223)
```
#9615e9
```
#9615e9 rgb(150,21,233)
```
#980bf3
```
#980bf3 rgb(152,11,243)
```
#9a01fd
```
#9a01fd rgb(154,1,253)
```

Tone Color Variation

Below, you can see how #980bf3 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
#5e4271 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd0 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#7d6970 Tritanopia 0.001% of the population

Trichromacy

#3748dc Protanomaly 1% of men, 0.01% of women
#374bcc Deuteranomaly 6% of men, 0.4% of women
#86469f Tritanomaly 0.01% of the population

#980bf3 hex color

#980bf3 Color Information

#980bf3 Color Conversion

Color Schemes with #980bf3

Alternatives to #980bf3

#980bf3 Preview

Shades and Tints of #980bf3

Tones of #980bf3

Color Blindness Simulator