#b820f6 hex color

In a RGB color space, hex #b820f6 is composed of 72.2% red, 12.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 25.2% cyan, 87% magenta, 0% yellow and 3.5% black. It has a hue angle of 282.6 degrees, a saturation of 92.2% and a lightness of 54.5%. #b820f6 color hex could be obtained by blending #ff40ff with #7100ed. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 72
- G 13
- B 96
RGB color chart
- C 25
- M 87
- Y 0
- K 4
CMYK color chart

● #b820f6 color description : Vivid violet.

The hexadecimal color #b820f6 has RGB values of R:184, G:32, B:246 and CMYK values of C:0.25, M:0.87, Y:0, K:0.04. Its decimal value is 12067062.

Hex triplet	b820f6	`#b820f6`
RGB Decimal	184, 32, 246	`rgb(184,32,246)`
RGB Percent	72.2, 12.5, 96.5	`rgb(72.2%,12.5%,96.5%)`
CMYK	25, 87, 0, 4
HSL	282.6°, 92.2, 54.5	`hsl(282.6,92.2%,54.5%)`
HSV (or HSB)	282.6°, 87, 96.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.348, 83.132, -74.112
XYZ	36.916, 17.878, 88.69
xyY	0.257, 0.125, 17.878
CIE-LCH	49.348, 111.371, 318.283
CIE-LUV	49.348, 38.936, -119.722
Hunter-Lab	42.283, 81.848, -94.765
Binary	10111000, 00100000, 11110110

#b820f6
```
#b820f6 rgb(184,32,246)
```
#5ef620
```
#5ef620 rgb(94,246,32)
```

Complementary Color

#4d20f6
```
#4d20f6 rgb(77,32,246)
```
#b820f6
```
#b820f6 rgb(184,32,246)
```
#f620c9
```
#f620c9 rgb(246,32,201)
```

Analogous Color

#20f64d
```
#20f64d rgb(32,246,77)
```
#b820f6
```
#b820f6 rgb(184,32,246)
```
#c9f620
```
#c9f620 rgb(201,246,32)
```

Split Complementary Color

#20f6b8
```
#20f6b8 rgb(32,246,184)
```
#b820f6
```
#b820f6 rgb(184,32,246)
```
#f6b820
```
#f6b820 rgb(246,184,32)
```

Triadic Color

#205ef6
```
#205ef6 rgb(32,94,246)
```
#b820f6
```
#b820f6 rgb(184,32,246)
```
#f6b820
```
#f6b820 rgb(246,184,32)
```
#5ef620
```
#5ef620 rgb(94,246,32)
```

Tetradic Color

#8c08c2
```
#8c08c2 rgb(140,8,194)
```
#9e09da
```
#9e09da rgb(158,9,218)
```
#af0af3
```
#af0af3 rgb(175,10,243)
```
#b820f6
```
#b820f6 rgb(184,32,246)
```
#c039f7
```
#c039f7 rgb(192,57,247)
```
#c851f8
```
#c851f8 rgb(200,81,248)
```
#cf6af9
```
#cf6af9 rgb(207,106,249)
```

Monochromatic Color

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

#8320f6
```
#8320f6 rgb(131,32,246)
```
#9420f6
```
#9420f6 rgb(148,32,246)
```
#a620f6
```
#a620f6 rgb(166,32,246)
```
#b820f6
```
#b820f6 rgb(184,32,246)
```
#ca20f6
```
#ca20f6 rgb(202,32,246)
```
#dc20f6
```
#dc20f6 rgb(220,32,246)
```
#ee20f6
```
#ee20f6 rgb(238,32,246)
```

Similar Colors

Text with hexadecimal color #b820f6

This text has a font color of #b820f6.

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

#b820f6 background color

This paragraph has a background color of #b820f6.

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

#b820f6 border color

This element has a border color of #b820f6.

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

CSS codes

.text {color:#b820f6;}

.background {background-color:#b820f6;}

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

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 #faeffe is the lightest one.

#020003
```
#020003 rgb(2,0,3)
```
#100116
```
#100116 rgb(16,1,22)
```
#1e0229
```
#1e0229 rgb(30,2,41)
```
#2b023c
```
#2b023c rgb(43,2,60)
```
#39034f
```
#39034f rgb(57,3,79)
```
#460462
```
#460462 rgb(70,4,98)
```
#540574
```
#540574 rgb(84,5,116)
```
#620587
```
#620587 rgb(98,5,135)
```
#6f069a
```
#6f069a rgb(111,6,154)
```
#7d07ad
```
#7d07ad rgb(125,7,173)
```
#8a08c0
```
#8a08c0 rgb(138,8,192)
```
#9809d3
```
#9809d3 rgb(152,9,211)
```
#a609e6
```
#a609e6 rgb(166,9,230)
```

Shade Color Variation

#b20df5
```
#b20df5 rgb(178,13,245)
```
#b820f6
```
#b820f6 rgb(184,32,246)
```
#be33f7
```
#be33f7 rgb(190,51,247)
```
#c446f8
```
#c446f8 rgb(196,70,248)
```
#ca59f8
```
#ca59f8 rgb(202,89,248)
```
#d06bf9
```
#d06bf9 rgb(208,107,249)
```
#d67efa
```
#d67efa rgb(214,126,250)
```
#dc91fb
```
#dc91fb rgb(220,145,251)
```
#e2a4fb
```
#e2a4fb rgb(226,164,251)
```
#e8b7fc
```
#e8b7fc rgb(232,183,252)
```
#eecafd
```
#eecafd rgb(238,202,253)
```
#f4ddfe
```
#f4ddfe rgb(244,221,254)
```
#faeffe
```
#faeffe rgb(250,239,254)
```

Tint Color Variation

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

#8f8294
```
#8f8294 rgb(143,130,148)
```
#92799d
```
#92799d rgb(146,121,157)
```
#9670a6
```
#9670a6 rgb(150,112,166)
```
#9a67af
```
#9a67af rgb(154,103,175)
```
#9e5eb8
```
#9e5eb8 rgb(158,94,184)
```
#a156c0
```
#a156c0 rgb(161,86,192)
```
#a54dc9
```
#a54dc9 rgb(165,77,201)
```
#a944d2
```
#a944d2 rgb(169,68,210)
```
#ad3bdb
```
#ad3bdb rgb(173,59,219)
```
#b032e4
```
#b032e4 rgb(176,50,228)
```
#b429ed
```
#b429ed rgb(180,41,237)
```
#b820f6
```
#b820f6 rgb(184,32,246)
```
#bc17ff
```
#bc17ff rgb(188,23,255)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#765883 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007ed0 Deuteranopia 1% of men
#a36d75 Tritanopia 0.001% of the population

Trichromacy

#4258ef Protanomaly 1% of men, 0.01% of women
#425cde Deuteranomaly 6% of men, 0.4% of women
#aa51a3 Tritanomaly 0.01% of the population

#b820f6 hex color

#b820f6 Color Information

#b820f6 Color Conversion

Color Schemes with #b820f6

Alternatives to #b820f6

#b820f6 Preview

Shades and Tints of #b820f6

Tones of #b820f6

Color Blindness Simulator