#b20af0 hex color

In a RGB color space, hex #b20af0 is composed of 69.8% red, 3.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 95.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 283.8 degrees, a saturation of 92% and a lightness of 49%. #b20af0 color hex could be obtained by blending #ff14ff with #6500e1. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 70
- G 4
- B 94
RGB color chart
- C 26
- M 96
- Y 0
- K 6
CMYK color chart

● #b20af0 color description : Vivid violet.

The hexadecimal color #b20af0 has RGB values of R:178, G:10, B:240 and CMYK values of C:0.26, M:0.96, Y:0, K:0.06. Its decimal value is 11668208.

Hex triplet	b20af0	`#b20af0`
RGB Decimal	178, 10, 240	`rgb(178,10,240)`
RGB Percent	69.8, 3.9, 94.1	`rgb(69.8%,3.9%,94.1%)`
CMYK	26, 96, 0, 6
HSL	283.8°, 92, 49	`hsl(283.8,92%,49%)`
HSV (or HSB)	283.8°, 95.8, 94.1
Web Safe	9900ff	`#9900ff`

CIE-LAB	46.941, 84.315, -74.703
XYZ	34.195, 15.975, 83.715
xyY	0.255, 0.119, 15.975
CIE-LCH	46.941, 112.648, 318.459
CIE-LUV	46.941, 38.269, -118.67
Hunter-Lab	39.968, 82.771, -96.208
Binary	10110010, 00001010, 11110000

#b20af0
```
#b20af0 rgb(178,10,240)
```
#48f00a
```
#48f00a rgb(72,240,10)
```

Complementary Color

#3f0af0
```
#3f0af0 rgb(63,10,240)
```
#b20af0
```
#b20af0 rgb(178,10,240)
```
#f00abb
```
#f00abb rgb(240,10,187)
```

Analogous Color

#0af03f
```
#0af03f rgb(10,240,63)
```
#b20af0
```
#b20af0 rgb(178,10,240)
```
#bbf00a
```
#bbf00a rgb(187,240,10)
```

Split Complementary Color

#0af0b2
```
#0af0b2 rgb(10,240,178)
```
#b20af0
```
#b20af0 rgb(178,10,240)
```
#f0b20a
```
#f0b20a rgb(240,178,10)
```

Triadic Color

#0a48f0
```
#0a48f0 rgb(10,72,240)
```
#b20af0
```
#b20af0 rgb(178,10,240)
```
#f0b20a
```
#f0b20a rgb(240,178,10)
```
#48f00a
```
#48f00a rgb(72,240,10)
```

Tetradic Color

#7c07a7
```
#7c07a7 rgb(124,7,167)
```
#8e08bf
```
#8e08bf rgb(142,8,191)
```
#a009d8
```
#a009d8 rgb(160,9,216)
```
#b20af0
```
#b20af0 rgb(178,10,240)
```
#bb1ef6
```
#bb1ef6 rgb(187,30,246)
```
#c336f7
```
#c336f7 rgb(195,54,247)
```
#ca4ff8
```
#ca4ff8 rgb(202,79,248)
```

Monochromatic Color

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

#790af0
```
#790af0 rgb(121,10,240)
```
#8c0af0
```
#8c0af0 rgb(140,10,240)
```
#9f0af0
```
#9f0af0 rgb(159,10,240)
```
#b20af0
```
#b20af0 rgb(178,10,240)
```
#c50af0
```
#c50af0 rgb(197,10,240)
```
#d80af0
```
#d80af0 rgb(216,10,240)
```
#ec0af0
```
#ec0af0 rgb(236,10,240)
```

Similar Colors

Text with hexadecimal color #b20af0

This text has a font color of #b20af0.

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

#b20af0 background color

This paragraph has a background color of #b20af0.

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

#b20af0 border color

This element has a border color of #b20af0.

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

CSS codes

.text {color:#b20af0;}

.background {background-color:#b20af0;}

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

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

#0a010e
```
#0a010e rgb(10,1,14)
```
#180121
```
#180121 rgb(24,1,33)
```
#260234
```
#260234 rgb(38,2,52)
```
#340347
```
#340347 rgb(52,3,71)
```
#420459
```
#420459 rgb(66,4,89)
```
#50056c
```
#50056c rgb(80,5,108)
```
#5e057f
```
#5e057f rgb(94,5,127)
```
#6c0692
```
#6c0692 rgb(108,6,146)
```
#7a07a5
```
#7a07a5 rgb(122,7,165)
```
#8808b8
```
#8808b8 rgb(136,8,184)
```
#9608ca
```
#9608ca rgb(150,8,202)
```
#a409dd
```
#a409dd rgb(164,9,221)
```
#b20af0
```
#b20af0 rgb(178,10,240)
```

Shade Color Variation

#ba18f5
```
#ba18f5 rgb(186,24,245)
```
#bf2bf6
```
#bf2bf6 rgb(191,43,246)
```
#c53ef7
```
#c53ef7 rgb(197,62,247)
```
#cb51f8
```
#cb51f8 rgb(203,81,248)
```
#d064f9
```
#d064f9 rgb(208,100,249)
```
#d676f9
```
#d676f9 rgb(214,118,249)
```
#dc89fa
```
#dc89fa rgb(220,137,250)
```
#e19cfb
```
#e19cfb rgb(225,156,251)
```
#e7affc
```
#e7affc rgb(231,175,252)
```
#edc2fc
```
#edc2fc rgb(237,194,252)
```
#f2d5fd
```
#f2d5fd rgb(242,213,253)
```
#f8e7fe
```
#f8e7fe rgb(248,231,254)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#817486
```
#817486 rgb(129,116,134)
```
#866a90
```
#866a90 rgb(134,106,144)
```
#8a6199
```
#8a6199 rgb(138,97,153)
```
#8f57a3
```
#8f57a3 rgb(143,87,163)
```
#934dad
```
#934dad rgb(147,77,173)
```
#9744b6
```
#9744b6 rgb(151,68,182)
```
#9c3ac0
```
#9c3ac0 rgb(156,58,192)
```
#a030ca
```
#a030ca rgb(160,48,202)
```
#a527d3
```
#a527d3 rgb(165,39,211)
```
#a91ddd
```
#a91ddd rgb(169,29,221)
```
#ae14e6
```
#ae14e6 rgb(174,20,230)
```
#b20af0
```
#b20af0 rgb(178,10,240)
```
#b600fa
```
#b600fa rgb(182,0,250)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#684775 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0079c6 Deuteranopia 1% of men
#9d676e Tritanopia 0.001% of the population

Trichromacy

#404de6 Protanomaly 1% of men, 0.01% of women
#4050d5 Deuteranomaly 6% of men, 0.4% of women
#a5459d Tritanomaly 0.01% of the population

#b20af0 hex color

#b20af0 Color Information

#b20af0 Color Conversion

Color Schemes with #b20af0

Alternatives to #b20af0

#b20af0 Preview

Shades and Tints of #b20af0

Tones of #b20af0

Color Blindness Simulator