#b020ff hex color

In a RGB color space, hex #b020ff is composed of 69% red, 12.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 87.5% magenta, 0% yellow and 0% black. It has a hue angle of 278.7 degrees, a saturation of 100% and a lightness of 56.3%. #b020ff color hex could be obtained by blending #ff40ff with #6100ff. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 13
- B 100
RGB color chart
- C 31
- M 87
- Y 0
- K 0
CMYK color chart

● #b020ff color description : Vivid violet.

The hexadecimal color #b020ff has RGB values of R:176, G:32, B:255 and CMYK values of C:0.31, M:0.87, Y:0, K:0. Its decimal value is 11542783.

Hex triplet	b020ff	`#b020ff`
RGB Decimal	176, 32, 255	`rgb(176,32,255)`
RGB Percent	69, 12.5, 100	`rgb(69%,12.5%,100%)`
CMYK	31, 87, 0, 0
HSL	278.7°, 100, 56.3	`hsl(278.7,100%,56.3%)`
HSV (or HSB)	278.7°, 87.5, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.864, 83.738, -79.981
XYZ	36.468, 17.484, 96.056
xyY	0.243, 0.117, 17.484
CIE-LCH	48.864, 115.798, 316.315
CIE-LUV	48.864, 32.213, -127.187
Hunter-Lab	41.814, 82.506, -106.932
Binary	10110000, 00100000, 11111111

#b020ff
```
#b020ff rgb(176,32,255)
```
#6fff20
```
#6fff20 rgb(111,255,32)
```

Complementary Color

#4120ff
```
#4120ff rgb(65,32,255)
```
#b020ff
```
#b020ff rgb(176,32,255)
```
#ff20df
```
#ff20df rgb(255,32,223)
```

Analogous Color

#20ff41
```
#20ff41 rgb(32,255,65)
```
#b020ff
```
#b020ff rgb(176,32,255)
```
#dfff20
```
#dfff20 rgb(223,255,32)
```

Split Complementary Color

#20ffb0
```
#20ffb0 rgb(32,255,176)
```
#b020ff
```
#b020ff rgb(176,32,255)
```
#ffb020
```
#ffb020 rgb(255,176,32)
```

Triadic Color

#206fff
```
#206fff rgb(32,111,255)
```
#b020ff
```
#b020ff rgb(176,32,255)
```
#ffb020
```
#ffb020 rgb(255,176,32)
```
#6fff20
```
#6fff20 rgb(111,255,32)
```

Tetradic Color

#8800d3
```
#8800d3 rgb(136,0,211)
```
#9800ec
```
#9800ec rgb(152,0,236)
```
#a706ff
```
#a706ff rgb(167,6,255)
```
#b020ff
```
#b020ff rgb(176,32,255)
```
#b93aff
```
#b93aff rgb(185,58,255)
```
#c253ff
```
#c253ff rgb(194,83,255)
```
#cb6dff
```
#cb6dff rgb(203,109,255)
```

Monochromatic Color

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

#7820ff
```
#7820ff rgb(120,32,255)
```
#8b20ff
```
#8b20ff rgb(139,32,255)
```
#9d20ff
```
#9d20ff rgb(157,32,255)
```
#b020ff
```
#b020ff rgb(176,32,255)
```
#c320ff
```
#c320ff rgb(195,32,255)
```
#d520ff
```
#d520ff rgb(213,32,255)
```
#e820ff
```
#e820ff rgb(232,32,255)
```

Similar Colors

Text with hexadecimal color #b020ff

This text has a font color of #b020ff.

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

#b020ff background color

This paragraph has a background color of #b020ff.

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

#b020ff border color

This element has a border color of #b020ff.

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

CSS codes

.text {color:#b020ff;}

.background {background-color:#b020ff;}

.border {border:1px solid #b020ff;}

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, #08000c is the darkest color, while #fcf8ff is the lightest one.

#08000c
```
#08000c rgb(8,0,12)
```
#150020
```
#150020 rgb(21,0,32)
```
#210034
```
#210034 rgb(33,0,52)
```
#2e0047
```
#2e0047 rgb(46,0,71)
```
#3b005b
```
#3b005b rgb(59,0,91)
```
#47006e
```
#47006e rgb(71,0,110)
```
#540082
```
#540082 rgb(84,0,130)
```
#610096
```
#610096 rgb(97,0,150)
```
#6d00a9
```
#6d00a9 rgb(109,0,169)
```
#7a00bd
```
#7a00bd rgb(122,0,189)
```
#8700d1
```
#8700d1 rgb(135,0,209)
```
#9300e4
```
#9300e4 rgb(147,0,228)
```
#a000f8
```
#a000f8 rgb(160,0,248)
```

Shade Color Variation

#a90cff
```
#a90cff rgb(169,12,255)
```
#b020ff
```
#b020ff rgb(176,32,255)
```
#b734ff
```
#b734ff rgb(183,52,255)
```
#be47ff
```
#be47ff rgb(190,71,255)
```
#c55bff
```
#c55bff rgb(197,91,255)
```
#cc6eff
```
#cc6eff rgb(204,110,255)
```
#d382ff
```
#d382ff rgb(211,130,255)
```
#da96ff
```
#da96ff rgb(218,150,255)
```
#e1a9ff
```
#e1a9ff rgb(225,169,255)
```
#e8bdff
```
#e8bdff rgb(232,189,255)
```
#efd1ff
```
#efd1ff rgb(239,209,255)
```
#f5e4ff
```
#f5e4ff rgb(245,228,255)
```
#fcf8ff
```
#fcf8ff rgb(252,248,255)
```

Tint Color Variation

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

#928798
```
#928798 rgb(146,135,152)
```
#957ea1
```
#957ea1 rgb(149,126,161)
```
#9776a9
```
#9776a9 rgb(151,118,169)
```
#9a6db2
```
#9a6db2 rgb(154,109,178)
```
#9c65ba
```
#9c65ba rgb(156,101,186)
```
#9f5cc3
```
#9f5cc3 rgb(159,92,195)
```
#a153cc
```
#a153cc rgb(161,83,204)
```
#a44bd4
```
#a44bd4 rgb(164,75,212)
```
#a642dd
```
#a642dd rgb(166,66,221)
```
#a93ae5
```
#a93ae5 rgb(169,58,229)
```
#ab31ee
```
#ab31ee rgb(171,49,238)
```
#ae29f6
```
#ae29f6 rgb(174,41,246)
```
#b020ff
```
#b020ff rgb(176,32,255)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#735683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e8 Protanopia 1% of men
#007ecd Deuteranopia 1% of men
#977178 Tritanopia 0.001% of the population

Trichromacy

#4057f0 Protanomaly 1% of men, 0.01% of women
#405bdf Deuteranomaly 6% of men, 0.4% of women
#a053a9 Tritanomaly 0.01% of the population

#b020ff hex color

#b020ff Color Information

#b020ff Color Conversion

Color Schemes with #b020ff

Alternatives to #b020ff

#b020ff Preview

Shades and Tints of #b020ff

Tones of #b020ff

Color Blindness Simulator