#b20ae3 hex color

In a RGB color space, hex #b20ae3 is composed of 69.8% red, 3.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 95.6% magenta, 0% yellow and 11% black. It has a hue angle of 286.5 degrees, a saturation of 91.6% and a lightness of 46.5%. #b20ae3 color hex could be obtained by blending #ff14ff with #6500c7. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 70
- G 4
- B 89
RGB color chart
- C 22
- M 96
- Y 0
- K 11
CMYK color chart

● #b20ae3 color description : Vivid magenta.

The hexadecimal color #b20ae3 has RGB values of R:178, G:10, B:227 and CMYK values of C:0.22, M:0.96, Y:0, K:0.11. Its decimal value is 11668195.

Hex triplet	b20ae3	`#b20ae3`
RGB Decimal	178, 10, 227	`rgb(178,10,227)`
RGB Percent	69.8, 3.9, 89	`rgb(69.8%,3.9%,89%)`
CMYK	22, 96, 0, 11
HSL	286.5°, 91.6, 46.5	`hsl(286.5,91.6%,46.5%)`
HSV (or HSB)	286.5°, 95.6, 89
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.947, 82.022, -68.961
XYZ	32.332, 15.229, 73.905
xyY	0.266, 0.125, 15.229
CIE-LCH	45.947, 107.16, 319.944
CIE-LUV	45.947, 41.933, -110.059
Hunter-Lab	39.025, 79.593, -84.966
Binary	10110010, 00001010, 11100011

#b20ae3
```
#b20ae3 rgb(178,10,227)
```
#3be30a
```
#3be30a rgb(59,227,10)
```

Complementary Color

#450ae3
```
#450ae3 rgb(69,10,227)
```
#b20ae3
```
#b20ae3 rgb(178,10,227)
```
#e30aa8
```
#e30aa8 rgb(227,10,168)
```

Analogous Color

#0ae345
```
#0ae345 rgb(10,227,69)
```
#b20ae3
```
#b20ae3 rgb(178,10,227)
```
#a8e30a
```
#a8e30a rgb(168,227,10)
```

Split Complementary Color

#0ae3b2
```
#0ae3b2 rgb(10,227,178)
```
#b20ae3
```
#b20ae3 rgb(178,10,227)
```
#e3b20a
```
#e3b20a rgb(227,178,10)
```

Triadic Color

#0a3be3
```
#0a3be3 rgb(10,59,227)
```
#b20ae3
```
#b20ae3 rgb(178,10,227)
```
#e3b20a
```
#e3b20a rgb(227,178,10)
```
#3be30a
```
#3be30a rgb(59,227,10)
```

Tetradic Color

#79079a
```
#79079a rgb(121,7,154)
```
#8c08b2
```
#8c08b2 rgb(140,8,178)
```
#9f09cb
```
#9f09cb rgb(159,9,203)
```
#b20ae3
```
#b20ae3 rgb(178,10,227)
```
#c112f5
```
#c112f5 rgb(193,18,245)
```
#c82af6
```
#c82af6 rgb(200,42,246)
```
#ce43f7
```
#ce43f7 rgb(206,67,247)
```

Monochromatic Color

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

#7c0ae3
```
#7c0ae3 rgb(124,10,227)
```
#8e0ae3
```
#8e0ae3 rgb(142,10,227)
```
#a00ae3
```
#a00ae3 rgb(160,10,227)
```
#b20ae3
```
#b20ae3 rgb(178,10,227)
```
#c40ae3
```
#c40ae3 rgb(196,10,227)
```
#d60ae3
```
#d60ae3 rgb(214,10,227)
```
#e30ade
```
#e30ade rgb(227,10,222)
```

Similar Colors

Text with hexadecimal color #b20ae3

This text has a font color of #b20ae3.

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

#b20ae3 background color

This paragraph has a background color of #b20ae3.

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

#b20ae3 border color

This element has a border color of #b20ae3.

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

CSS codes

.text {color:#b20ae3;}

.background {background-color:#b20ae3;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#100114
```
#100114 rgb(16,1,20)
```
#1f0227
```
#1f0227 rgb(31,2,39)
```
#2d033a
```
#2d033a rgb(45,3,58)
```
#3c034d
```
#3c034d rgb(60,3,77)
```
#4b045f
```
#4b045f rgb(75,4,95)
```
#5a0572
```
#5a0572 rgb(90,5,114)
```
#680685
```
#680685 rgb(104,6,133)
```
#770798
```
#770798 rgb(119,7,152)
```
#8608ab
```
#8608ab rgb(134,8,171)
```
#9508bd
```
#9508bd rgb(149,8,189)
```
#a309d0
```
#a309d0 rgb(163,9,208)
```
#b20ae3
```
#b20ae3 rgb(178,10,227)
```

Shade Color Variation

#c00cf4
```
#c00cf4 rgb(192,12,244)
```
#c51ff5
```
#c51ff5 rgb(197,31,245)
```
#ca32f6
```
#ca32f6 rgb(202,50,246)
```
#cf45f7
```
#cf45f7 rgb(207,69,247)
```
#d357f8
```
#d357f8 rgb(211,87,248)
```
#d86af8
```
#d86af8 rgb(216,106,248)
```
#dd7df9
```
#dd7df9 rgb(221,125,249)
```
#e290fa
```
#e290fa rgb(226,144,250)
```
#e7a3fb
```
#e7a3fb rgb(231,163,251)
```
#ecb5fc
```
#ecb5fc rgb(236,181,252)
```
#f1c8fd
```
#f1c8fd rgb(241,200,253)
```
#f6dbfd
```
#f6dbfd rgb(246,219,253)
```
#fbeefe
```
#fbeefe rgb(251,238,254)
```

Tint Color Variation

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

#7b6e7f
```
#7b6e7f rgb(123,110,127)
```
#806588
```
#806588 rgb(128,101,136)
```
#855c91
```
#855c91 rgb(133,92,145)
```
#8a539a
```
#8a539a rgb(138,83,154)
```
#8f4aa3
```
#8f4aa3 rgb(143,74,163)
```
#9441ac
```
#9441ac rgb(148,65,172)
```
#9938b5
```
#9938b5 rgb(153,56,181)
```
#9e2ebf
```
#9e2ebf rgb(158,46,191)
```
#a325c8
```
#a325c8 rgb(163,37,200)
```
#a81cd1
```
#a81cd1 rgb(168,28,209)
```
#ad13da
```
#ad13da rgb(173,19,218)
```
#b20ae3
```
#b20ae3 rgb(178,10,227)
```
#b701ec
```
#b701ec rgb(183,1,236)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#684671 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dc Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#a06269 Tritanopia 0.001% of the population

Trichromacy

#404bde Protanomaly 1% of men, 0.01% of women
#404fcf Deuteranomaly 6% of men, 0.4% of women
#a74295 Tritanomaly 0.01% of the population

#b20ae3 hex color

#b20ae3 Color Information

#b20ae3 Color Conversion

Color Schemes with #b20ae3

Alternatives to #b20ae3

#b20ae3 Preview

Shades and Tints of #b20ae3

Tones of #b20ae3

Color Blindness Simulator