colorhexa.com

#b220e3 hex color

In a RGB color space, hex #b220e3 is composed of 69.8% red, 12.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 85.9% magenta, 0% yellow and 11% black. It has a hue angle of 284.9 degrees, a saturation of 77.7% and a lightness of 50.8%. #b220e3 color hex could be obtained by blending #ff40ff with #6500c7. Closest websafe color is: #9933cc.

- R 70
- G 13
- B 89
RGB color chart
- C 22
- M 86
- Y 0
- K 11
CMYK color chart

● #b220e3 color description : Vivid violet.

The hexadecimal color #b220e3 has RGB values of R:178, G:32, B:227 and CMYK values of C:0.22, M:0.86, Y:0, K:0.11. Its decimal value is 11673827.

Hex triplet	b220e3	`#b220e3`
RGB Decimal	178, 32, 227	`rgb(178,32,227)`
RGB Percent	69.8, 12.5, 89	`rgb(69.8%,12.5%,89%)`
CMYK	22, 86, 0, 11
HSL	284.9°, 77.7, 50.8	`hsl(284.9,77.7%,50.8%)`
HSV (or HSB)	284.9°, 85.9, 89
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.034, 78.798, -67.195
XYZ	32.74, 16.045, 74.041
xyY	0.267, 0.131, 16.045
CIE-LCH	47.034, 103.558, 319.544
CIE-LUV	47.034, 40.621, -108.178
Hunter-Lab	40.057, 75.796, -81.553
Binary	10110010, 00100000, 11100011

#b220e3
```
#b220e3 rgb(178,32,227)
```
#51e320
```
#51e320 rgb(81,227,32)
```

Complementary Color

#5020e3
```
#5020e3 rgb(80,32,227)
```
#b220e3
```
#b220e3 rgb(178,32,227)
```
#e320b3
```
#e320b3 rgb(227,32,179)
```

Analogous Color

#20e350
```
#20e350 rgb(32,227,80)
```
#b220e3
```
#b220e3 rgb(178,32,227)
```
#b3e320
```
#b3e320 rgb(179,227,32)
```

Split Complementary Color

#20e3b2
```
#20e3b2 rgb(32,227,178)
```
#b220e3
```
#b220e3 rgb(178,32,227)
```
#e3b220
```
#e3b220 rgb(227,178,32)
```

Triadic Color

#2051e3
```
#2051e3 rgb(32,81,227)
```
#b220e3
```
#b220e3 rgb(178,32,227)
```
#e3b220
```
#e3b220 rgb(227,178,32)
```
#51e320
```
#51e320 rgb(81,227,32)
```

Tetradic Color

#7f14a2
```
#7f14a2 rgb(127,20,162)
```
#9017b9
```
#9017b9 rgb(144,23,185)
```
#a21acf
```
#a21acf rgb(162,26,207)
```
#b220e3
```
#b220e3 rgb(178,32,227)
```
#ba37e6
```
#ba37e6 rgb(186,55,230)
```
#c24de9
```
#c24de9 rgb(194,77,233)
```
#c964ec
```
#c964ec rgb(201,100,236)
```

Monochromatic Color

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

#8120e3
```
#8120e3 rgb(129,32,227)
```
#9220e3
```
#9220e3 rgb(146,32,227)
```
#a220e3
```
#a220e3 rgb(162,32,227)
```
#b220e3
```
#b220e3 rgb(178,32,227)
```
#c220e3
```
#c220e3 rgb(194,32,227)
```
#d320e3
```
#d320e3 rgb(211,32,227)
```
#e320e3
```
#e320e3 rgb(227,32,227)
```

Similar Colors

Text with hexadecimal color #b220e3

This text has a font color of #b220e3.

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

#b220e3 background color

This paragraph has a background color of #b220e3.

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

#b220e3 border color

This element has a border color of #b220e3.

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

CSS codes

.text {color:#b220e3;}

.background {background-color:#b220e3;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#100315
```
#100315 rgb(16,3,21)
```
#1e0526
```
#1e0526 rgb(30,5,38)
```
#2c0738
```
#2c0738 rgb(44,7,56)
```
#390949
```
#390949 rgb(57,9,73)
```
#470b5b
```
#470b5b rgb(71,11,91)
```
#540e6c
```
#540e6c rgb(84,14,108)
```
#62107e
```
#62107e rgb(98,16,126)
```
#70128f
```
#70128f rgb(112,18,143)
```
#7d14a0
```
#7d14a0 rgb(125,20,160)
```
#8b16b2
```
#8b16b2 rgb(139,22,178)
```
#9819c3
```
#9819c3 rgb(152,25,195)
```
#a61bd5
```
#a61bd5 rgb(166,27,213)
```

Shade Color Variation

#b220e3
```
#b220e3 rgb(178,32,227)
```
#b831e5
```
#b831e5 rgb(184,49,229)
```
#be43e7
```
#be43e7 rgb(190,67,231)
```
#c454ea
```
#c454ea rgb(196,84,234)
```
#ca66ec
```
#ca66ec rgb(202,102,236)
```
#d077ee
```
#d077ee rgb(208,119,238)
```
#d689f0
```
#d689f0 rgb(214,137,240)
```
#dc9af2
```
#dc9af2 rgb(220,154,242)
```
#e2abf5
```
#e2abf5 rgb(226,171,245)
```
#e8bdf7
```
#e8bdf7 rgb(232,189,247)
```
#eecef9
```
#eecef9 rgb(238,206,249)
```
#f4e0fb
```
#f4e0fb rgb(244,224,251)
```
#faf1fd
```
#faf1fd rgb(250,241,253)
```

Tint Color Variation

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

#828182
```
#828182 rgb(130,129,130)
```
#87778c
```
#87778c rgb(135,119,140)
```
#8c6d96
```
#8c6d96 rgb(140,109,150)
```
#90649f
```
#90649f rgb(144,100,159)
```
#955aa9
```
#955aa9 rgb(149,90,169)
```
#9a50b3
```
#9a50b3 rgb(154,80,179)
```
#9f47bc
```
#9f47bc rgb(159,71,188)
```
#a43dc6
```
#a43dc6 rgb(164,61,198)
```
#a833d0
```
#a833d0 rgb(168,51,208)
```
#ad2ad9
```
#ad2ad9 rgb(173,42,217)
```
#b220e3
```
#b220e3 rgb(178,32,227)
```
#b716ed
```
#b716ed rgb(183,22,237)
```
#bc0df6
```
#bc0df6 rgb(188,13,246)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#72557c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c8 Deuteranopia 1% of men
#a1666d Tritanopia 0.001% of the population

Trichromacy

#4055e1 Protanomaly 1% of men, 0.01% of women
#4058d2 Deuteranomaly 6% of men, 0.4% of women
#a74c98 Tritanomaly 0.01% of the population