#b20ae4 hex color

In a RGB color space, hex #b20ae4 is composed of 69.8% red, 3.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 95.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 286.2 degrees, a saturation of 91.6% and a lightness of 46.7%. #b20ae4 color hex could be obtained by blending #ff14ff with #6500c9. 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

● #b20ae4 color description : Vivid magenta.

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

Hex triplet	b20ae4	`#b20ae4`
RGB Decimal	178, 10, 228	`rgb(178,10,228)`
RGB Percent	69.8, 3.9, 89.4	`rgb(69.8%,3.9%,89.4%)`
CMYK	22, 96, 0, 11
HSL	286.2°, 91.6, 46.7	`hsl(286.2,91.6%,46.7%)`
HSV (or HSB)	286.2°, 95.6, 89.4
Web Safe	9900cc	`#9900cc`

CIE-LAB	46.022, 82.196, -69.408
XYZ	32.47, 15.285, 74.634
xyY	0.265, 0.125, 15.285
CIE-LCH	46.022, 107.581, 319.822
CIE-LUV	46.022, 41.642, -110.729
Hunter-Lab	39.096, 79.833, -85.818
Binary	10110010, 00001010, 11100100

#b20ae4
```
#b20ae4 rgb(178,10,228)
```
#3ce40a
```
#3ce40a rgb(60,228,10)
```

Complementary Color

#450ae4
```
#450ae4 rgb(69,10,228)
```
#b20ae4
```
#b20ae4 rgb(178,10,228)
```
#e40aa9
```
#e40aa9 rgb(228,10,169)
```

Analogous Color

#0ae445
```
#0ae445 rgb(10,228,69)
```
#b20ae4
```
#b20ae4 rgb(178,10,228)
```
#a9e40a
```
#a9e40a rgb(169,228,10)
```

Split Complementary Color

#0ae4b2
```
#0ae4b2 rgb(10,228,178)
```
#b20ae4
```
#b20ae4 rgb(178,10,228)
```
#e4b20a
```
#e4b20a rgb(228,178,10)
```

Triadic Color

#0a3ce4
```
#0a3ce4 rgb(10,60,228)
```
#b20ae4
```
#b20ae4 rgb(178,10,228)
```
#e4b20a
```
#e4b20a rgb(228,178,10)
```
#3ce40a
```
#3ce40a rgb(60,228,10)
```

Tetradic Color

#79079b
```
#79079b rgb(121,7,155)
```
#8c08b3
```
#8c08b3 rgb(140,8,179)
```
#9f09cc
```
#9f09cc rgb(159,9,204)
```
#b20ae4
```
#b20ae4 rgb(178,10,228)
```
#c113f5
```
#c113f5 rgb(193,19,245)
```
#c72bf6
```
#c72bf6 rgb(199,43,246)
```
#ce44f7
```
#ce44f7 rgb(206,68,247)
```

Monochromatic Color

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

#7c0ae4
```
#7c0ae4 rgb(124,10,228)
```
#8e0ae4
```
#8e0ae4 rgb(142,10,228)
```
#a00ae4
```
#a00ae4 rgb(160,10,228)
```
#b20ae4
```
#b20ae4 rgb(178,10,228)
```
#c40ae4
```
#c40ae4 rgb(196,10,228)
```
#d60ae4
```
#d60ae4 rgb(214,10,228)
```
#e40ae0
```
#e40ae0 rgb(228,10,224)
```

Similar Colors

Text with hexadecimal color #b20ae4

This text has a font color of #b20ae4.

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

#b20ae4 background color

This paragraph has a background color of #b20ae4.

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

#b20ae4 border color

This element has a border color of #b20ae4.

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

CSS codes

.text {color:#b20ae4;}

.background {background-color:#b20ae4;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#110115
```
#110115 rgb(17,1,21)
```
#1f0228
```
#1f0228 rgb(31,2,40)
```
#2e033b
```
#2e033b rgb(46,3,59)
```
#3d034e
```
#3d034e rgb(61,3,78)
```
#4b0460
```
#4b0460 rgb(75,4,96)
```
#5a0573
```
#5a0573 rgb(90,5,115)
```
#690686
```
#690686 rgb(105,6,134)
```
#770799
```
#770799 rgb(119,7,153)
```
#8608ac
```
#8608ac rgb(134,8,172)
```
#9508be
```
#9508be rgb(149,8,190)
```
#a309d1
```
#a309d1 rgb(163,9,209)
```
#b20ae4
```
#b20ae4 rgb(178,10,228)
```

Shade Color Variation

#bf0df4
```
#bf0df4 rgb(191,13,244)
```
#c420f5
```
#c420f5 rgb(196,32,245)
```
#c933f6
```
#c933f6 rgb(201,51,246)
```
#ce46f7
```
#ce46f7 rgb(206,70,247)
```
#d358f8
```
#d358f8 rgb(211,88,248)
```
#d86bf9
```
#d86bf9 rgb(216,107,249)
```
#dd7ef9
```
#dd7ef9 rgb(221,126,249)
```
#e291fa
```
#e291fa rgb(226,145,250)
```
#e7a4fb
```
#e7a4fb rgb(231,164,251)
```
#ecb6fc
```
#ecb6fc rgb(236,182,252)
```
#f1c9fd
```
#f1c9fd rgb(241,201,253)
```
#f6dcfd
```
#f6dcfd rgb(246,220,253)
```
#fbeffe
```
#fbeffe rgb(251,239,254)
```

Tint Color Variation

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

#7b6f7f
```
#7b6f7f rgb(123,111,127)
```
#806688
```
#806688 rgb(128,102,136)
```
#855c92
```
#855c92 rgb(133,92,146)
```
#8a539b
```
#8a539b rgb(138,83,155)
```
#8f4aa4
```
#8f4aa4 rgb(143,74,164)
```
#9441ad
```
#9441ad rgb(148,65,173)
```
#9938b6
```
#9938b6 rgb(153,56,182)
```
#9e2fbf
```
#9e2fbf rgb(158,47,191)
```
#a325c9
```
#a325c9 rgb(163,37,201)
```
#a81cd2
```
#a81cd2 rgb(168,28,210)
```
#ad13db
```
#ad13db rgb(173,19,219)
```
#b20ae4
```
#b20ae4 rgb(178,10,228)
```
#b701ed
```
#b701ed rgb(183,1,237)
```

Tone Color Variation

Below, you can see how #b20ae4 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
#684672 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#b20ae4 hex color

#b20ae4 Color Information

#b20ae4 Color Conversion

Color Schemes with #b20ae4

Alternatives to #b20ae4

#b20ae4 Preview

Shades and Tints of #b20ae4

Tones of #b20ae4

Color Blindness Simulator