#b828f2 hex color

In a RGB color space, hex #b828f2 is composed of 72.2% red, 15.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 83.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 282.8 degrees, a saturation of 88.6% and a lightness of 55.3%. #b828f2 color hex could be obtained by blending #ff50ff with #7100e5. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 72
- G 16
- B 95
RGB color chart
- C 24
- M 83
- Y 0
- K 5
CMYK color chart

● #b828f2 color description : Bright violet.

The hexadecimal color #b828f2 has RGB values of R:184, G:40, B:242 and CMYK values of C:0.24, M:0.83, Y:0, K:0.05. Its decimal value is 12069106.

Hex triplet	b828f2	`#b828f2`
RGB Decimal	184, 40, 242	`rgb(184,40,242)`
RGB Percent	72.2, 15.7, 94.9	`rgb(72.2%,15.7%,94.9%)`
CMYK	24, 83, 0, 5
HSL	282.8°, 88.6, 55.3	`hsl(282.8,88.6%,55.3%)`
HSV (or HSB)	282.8°, 83.5, 94.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.641, 80.662, -71.392
XYZ	36.551, 18.12, 85.572
xyY	0.261, 0.129, 18.12
CIE-LCH	49.641, 107.718, 318.489
CIE-LUV	49.641, 39.299, -115.988
Hunter-Lab	42.568, 78.776, -89.39
Binary	10111000, 00101000, 11110010

#b828f2
```
#b828f2 rgb(184,40,242)
```
#62f228
```
#62f228 rgb(98,242,40)
```

Complementary Color

#5328f2
```
#5328f2 rgb(83,40,242)
```
#b828f2
```
#b828f2 rgb(184,40,242)
```
#f228c7
```
#f228c7 rgb(242,40,199)
```

Analogous Color

#28f253
```
#28f253 rgb(40,242,83)
```
#b828f2
```
#b828f2 rgb(184,40,242)
```
#c7f228
```
#c7f228 rgb(199,242,40)
```

Split Complementary Color

#28f2b8
```
#28f2b8 rgb(40,242,184)
```
#b828f2
```
#b828f2 rgb(184,40,242)
```
#f2b828
```
#f2b828 rgb(242,184,40)
```

Triadic Color

#2862f2
```
#2862f2 rgb(40,98,242)
```
#b828f2
```
#b828f2 rgb(184,40,242)
```
#f2b828
```
#f2b828 rgb(242,184,40)
```
#62f228
```
#62f228 rgb(98,242,40)
```

Tetradic Color

#8e0cc2
```
#8e0cc2 rgb(142,12,194)
```
#9f0dda
```
#9f0dda rgb(159,13,218)
```
#b010f1
```
#b010f1 rgb(176,16,241)
```
#b828f2
```
#b828f2 rgb(184,40,242)
```
#c040f3
```
#c040f3 rgb(192,64,243)
```
#c858f5
```
#c858f5 rgb(200,88,245)
```
#d070f6
```
#d070f6 rgb(208,112,246)
```

Monochromatic Color

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

#8628f2
```
#8628f2 rgb(134,40,242)
```
#9628f2
```
#9628f2 rgb(150,40,242)
```
#a728f2
```
#a728f2 rgb(167,40,242)
```
#b828f2
```
#b828f2 rgb(184,40,242)
```
#c928f2
```
#c928f2 rgb(201,40,242)
```
#da28f2
```
#da28f2 rgb(218,40,242)
```
#eb28f2
```
#eb28f2 rgb(235,40,242)
```

Similar Colors

Text with hexadecimal color #b828f2

This text has a font color of #b828f2.

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

#b828f2 background color

This paragraph has a background color of #b828f2.

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

#b828f2 border color

This element has a border color of #b828f2.

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

CSS codes

.text {color:#b828f2;}

.background {background-color:#b828f2;}

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

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

#050007
```
#050007 rgb(5,0,7)
```
#130219
```
#130219 rgb(19,2,25)
```
#20032c
```
#20032c rgb(32,3,44)
```
#2e043e
```
#2e043e rgb(46,4,62)
```
#3b0551
```
#3b0551 rgb(59,5,81)
```
#490663
```
#490663 rgb(73,6,99)
```
#560776
```
#560776 rgb(86,7,118)
```
#640888
```
#640888 rgb(100,8,136)
```
#71099b
```
#71099b rgb(113,9,155)
```
#7f0aad
```
#7f0aad rgb(127,10,173)
```
#8c0cc0
```
#8c0cc0 rgb(140,12,192)
```
#9a0dd2
```
#9a0dd2 rgb(154,13,210)
```
#a70ee5
```
#a70ee5 rgb(167,14,229)
```

Shade Color Variation

#b216f1
```
#b216f1 rgb(178,22,241)
```
#b828f2
```
#b828f2 rgb(184,40,242)
```
#be3af3
```
#be3af3 rgb(190,58,243)
```
#c44df4
```
#c44df4 rgb(196,77,244)
```
#ca5ff5
```
#ca5ff5 rgb(202,95,245)
```
#d072f6
```
#d072f6 rgb(208,114,246)
```
#d784f8
```
#d784f8 rgb(215,132,248)
```
#dd97f9
```
#dd97f9 rgb(221,151,249)
```
#e3a9fa
```
#e3a9fa rgb(227,169,250)
```
#e9bcfb
```
#e9bcfb rgb(233,188,251)
```
#efcefc
```
#efcefc rgb(239,206,252)
```
#f5e1fd
```
#f5e1fd rgb(245,225,253)
```
#fbf3fe
```
#fbf3fe rgb(251,243,254)
```

Tint Color Variation

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

#8f8892
```
#8f8892 rgb(143,136,146)
```
#93809a
```
#93809a rgb(147,128,154)
```
#9677a3
```
#9677a3 rgb(150,119,163)
```
#9a6eac
```
#9a6eac rgb(154,110,172)
```
#9e65b5
```
#9e65b5 rgb(158,101,181)
```
#a25dbd
```
#a25dbd rgb(162,93,189)
```
#a554c6
```
#a554c6 rgb(165,84,198)
```
#a94bcf
```
#a94bcf rgb(169,75,207)
```
#ad42d8
```
#ad42d8 rgb(173,66,216)
```
#b13ae0
```
#b13ae0 rgb(177,58,224)
```
#b431e9
```
#b431e9 rgb(180,49,233)
```
#b828f2
```
#b828f2 rgb(184,40,242)
```
#bc1ffb
```
#bc1ffb rgb(188,31,251)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7a5d85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd2 Deuteranopia 1% of men
#a46e75 Tritanopia 0.001% of the population

Trichromacy

#425bee Protanomaly 1% of men, 0.01% of women
#425fdd Deuteranomaly 6% of men, 0.4% of women
#ab54a2 Tritanomaly 0.01% of the population

#b828f2 hex color

#b828f2 Color Information

#b828f2 Color Conversion

Color Schemes with #b828f2

Alternatives to #b828f2

#b828f2 Preview

Shades and Tints of #b828f2

Tones of #b828f2

Color Blindness Simulator