#980bff hex color

In a RGB color space, hex #980bff is composed of 59.6% red, 4.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 40.4% cyan, 95.7% magenta, 0% yellow and 0% black. It has a hue angle of 274.7 degrees, a saturation of 100% and a lightness of 52.2%. #980bff color hex could be obtained by blending #ff16ff with #3100ff. 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

● #980bff color description : Vivid violet.

The hexadecimal color #980bff has RGB values of R:152, G:11, B:255 and CMYK values of C:0.4, M:0.96, Y:0, K:0. Its decimal value is 9964543.

Hex triplet	980bff	`#980bff`
RGB Decimal	152, 11, 255	`rgb(152,11,255)`
RGB Percent	59.6, 4.3, 100	`rgb(59.6%,4.3%,100%)`
CMYK	40, 96, 0, 0
HSL	274.7°, 100, 52.2	`hsl(274.7,100%,52.2%)`
HSV (or HSB)	274.7°, 95.7, 100
Web Safe	9900ff	`#9900ff`

CIE-LAB	44.426, 84.145, -87.39
XYZ	31.116, 14.135, 95.691
xyY	0.221, 0.1, 14.135
CIE-LCH	44.426, 121.315, 313.916
CIE-LUV	44.426, 21.311, -131.912
Hunter-Lab	37.597, 81.936, -124.588
Binary	10011000, 00001011, 11111111

#980bff
```
#980bff rgb(152,11,255)
```
#72ff0b
```
#72ff0b rgb(114,255,11)
```

Complementary Color

#1e0bff
```
#1e0bff rgb(30,11,255)
```
#980bff
```
#980bff rgb(152,11,255)
```
#ff0bec
```
#ff0bec rgb(255,11,236)
```

Analogous Color

#0bff1e
```
#0bff1e rgb(11,255,30)
```
#980bff
```
#980bff rgb(152,11,255)
```
#ecff0b
```
#ecff0b rgb(236,255,11)
```

Split Complementary Color

#0bff98
```
#0bff98 rgb(11,255,152)
```
#980bff
```
#980bff rgb(152,11,255)
```
#ff980b
```
#ff980b rgb(255,152,11)
```

Triadic Color

#0b72ff
```
#0b72ff rgb(11,114,255)
```
#980bff
```
#980bff rgb(152,11,255)
```
#ff980b
```
#ff980b rgb(255,152,11)
```
#72ff0b
```
#72ff0b rgb(114,255,11)
```

Tetradic Color

#6e00be
```
#6e00be rgb(110,0,190)
```
#7c00d7
```
#7c00d7 rgb(124,0,215)
```
#8b00f1
```
#8b00f1 rgb(139,0,241)
```
#980bff
```
#980bff rgb(152,11,255)
```
#a325ff
```
#a325ff rgb(163,37,255)
```
#ae3eff
```
#ae3eff rgb(174,62,255)
```
#b858ff
```
#b858ff rgb(184,88,255)
```

Monochromatic Color

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

#5b0bff
```
#5b0bff rgb(91,11,255)
```
#6f0bff
```
#6f0bff rgb(111,11,255)
```
#840bff
```
#840bff rgb(132,11,255)
```
#980bff
```
#980bff rgb(152,11,255)
```
#ac0bff
```
#ac0bff rgb(172,11,255)
```
#c10bff
```
#c10bff rgb(193,11,255)
```
#d50bff
```
#d50bff rgb(213,11,255)
```

Similar Colors

Text with hexadecimal color #980bff

This text has a font color of #980bff.

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

#980bff background color

This paragraph has a background color of #980bff.

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

#980bff border color

This element has a border color of #980bff.

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

CSS codes

.text {color:#980bff;}

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

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

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, #06000b is the darkest color, while #fbf6ff is the lightest one.

#06000b
```
#06000b rgb(6,0,11)
```
#12001f
```
#12001f rgb(18,0,31)
```
#1d0032
```
#1d0032 rgb(29,0,50)
```
#280046
```
#280046 rgb(40,0,70)
```
#340059
```
#340059 rgb(52,0,89)
```
#3f006d
```
#3f006d rgb(63,0,109)
```
#4a0081
```
#4a0081 rgb(74,0,129)
```
#560094
```
#560094 rgb(86,0,148)
```
#6100a8
```
#6100a8 rgb(97,0,168)
```
#6c00bc
```
#6c00bc rgb(108,0,188)
```
#7800cf
```
#7800cf rgb(120,0,207)
```
#8300e3
```
#8300e3 rgb(131,0,227)
```
#8e00f6
```
#8e00f6 rgb(142,0,246)
```

Shade Color Variation

#980bff
```
#980bff rgb(152,11,255)
```
#a01fff
```
#a01fff rgb(160,31,255)
```
#a932ff
```
#a932ff rgb(169,50,255)
```
#b146ff
```
#b146ff rgb(177,70,255)
```
#b959ff
```
#b959ff rgb(185,89,255)
```
#c16dff
```
#c16dff rgb(193,109,255)
```
#ca81ff
```
#ca81ff rgb(202,129,255)
```
#d294ff
```
#d294ff rgb(210,148,255)
```
#daa8ff
```
#daa8ff rgb(218,168,255)
```
#e3bcff
```
#e3bcff rgb(227,188,255)
```
#ebcfff
```
#ebcfff rgb(235,207,255)
```
#f3e3ff
```
#f3e3ff rgb(243,227,255)
```
#fbf6ff
```
#fbf6ff rgb(251,246,255)
```

Tint Color Variation

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

#867c8e
```
#867c8e rgb(134,124,142)
```
#887298
```
#887298 rgb(136,114,152)
```
#8969a1
```
#8969a1 rgb(137,105,161)
```
#8b5fab
```
#8b5fab rgb(139,95,171)
```
#8c56b4
```
#8c56b4 rgb(140,86,180)
```
#8e4dbd
```
#8e4dbd rgb(142,77,189)
```
#8f43c7
```
#8f43c7 rgb(143,67,199)
```
#913ad0
```
#913ad0 rgb(145,58,208)
```
#9231d9
```
#9231d9 rgb(146,49,217)
```
#9427e3
```
#9427e3 rgb(148,39,227)
```
#951eec
```
#951eec rgb(149,30,236)
```
#9714f6
```
#9714f6 rgb(151,20,246)
```
#980bff
```
#980bff rgb(152,11,255)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#5f4374 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#3749e4 Protanomaly 1% of men, 0.01% of women
#374dd3 Deuteranomaly 6% of men, 0.4% of women
#8349a7 Tritanomaly 0.01% of the population

#980bff hex color

#980bff Color Information

#980bff Color Conversion

Color Schemes with #980bff

Alternatives to #980bff

#980bff Preview

Shades and Tints of #980bff

Tones of #980bff

Color Blindness Simulator