#b228ec hex color

In a RGB color space, hex #b228ec is composed of 69.8% red, 15.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 83.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 282.2 degrees, a saturation of 83.8% and a lightness of 54.1%. #b228ec color hex could be obtained by blending #ff50ff with #6500d9. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 70
- G 16
- B 93
RGB color chart
- C 25
- M 83
- Y 0
- K 7
CMYK color chart

● #b228ec color description : Bright violet.

The hexadecimal color #b228ec has RGB values of R:178, G:40, B:236 and CMYK values of C:0.25, M:0.83, Y:0, K:0.07. Its decimal value is 11675884.

Hex triplet	b228ec	`#b228ec`
RGB Decimal	178, 40, 236	`rgb(178,40,236)`
RGB Percent	69.8, 15.7, 92.5	`rgb(69.8%,15.7%,92.5%)`
CMYK	25, 83, 0, 7
HSL	282.2°, 83.8, 54.1	`hsl(282.2,83.8%,54.1%)`
HSV (or HSB)	282.2°, 83.1, 92.5
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.31, 78.63, -70.218
XYZ	34.257, 17.04, 80.837
xyY	0.259, 0.129, 17.04
CIE-LCH	48.31, 105.419, 318.234
CIE-LUV	48.31, 37.403, -113.213
Hunter-Lab	41.279, 75.896, -87.211
Binary	10110010, 00101000, 11101100

#b228ec
```
#b228ec rgb(178,40,236)
```
#62ec28
```
#62ec28 rgb(98,236,40)
```

Complementary Color

#5028ec
```
#5028ec rgb(80,40,236)
```
#b228ec
```
#b228ec rgb(178,40,236)
```
#ec28c4
```
#ec28c4 rgb(236,40,196)
```

Analogous Color

#28ec50
```
#28ec50 rgb(40,236,80)
```
#b228ec
```
#b228ec rgb(178,40,236)
```
#c4ec28
```
#c4ec28 rgb(196,236,40)
```

Split Complementary Color

#28ecb2
```
#28ecb2 rgb(40,236,178)
```
#b228ec
```
#b228ec rgb(178,40,236)
```
#ecb228
```
#ecb228 rgb(236,178,40)
```

Triadic Color

#2862ec
```
#2862ec rgb(40,98,236)
```
#b228ec
```
#b228ec rgb(178,40,236)
```
#ecb228
```
#ecb228 rgb(236,178,40)
```
#62ec28
```
#62ec28 rgb(98,236,40)
```

Tetradic Color

#8610b7
```
#8610b7 rgb(134,16,183)
```
#9712cf
```
#9712cf rgb(151,18,207)
```
#a814e6
```
#a814e6 rgb(168,20,230)
```
#b228ec
```
#b228ec rgb(178,40,236)
```
#ba3fee
```
#ba3fee rgb(186,63,238)
```
#c357f0
```
#c357f0 rgb(195,87,240)
```
#cb6ef2
```
#cb6ef2 rgb(203,110,242)
```

Monochromatic Color

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

#8128ec
```
#8128ec rgb(129,40,236)
```
#9128ec
```
#9128ec rgb(145,40,236)
```
#a228ec
```
#a228ec rgb(162,40,236)
```
#b228ec
```
#b228ec rgb(178,40,236)
```
#c228ec
```
#c228ec rgb(194,40,236)
```
#d328ec
```
#d328ec rgb(211,40,236)
```
#e328ec
```
#e328ec rgb(227,40,236)
```

Similar Colors

Text with hexadecimal color #b228ec

This text has a font color of #b228ec.

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

#b228ec background color

This paragraph has a background color of #b228ec.

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

#b228ec border color

This element has a border color of #b228ec.

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

CSS codes

.text {color:#b228ec;}

.background {background-color:#b228ec;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0e0213
```
#0e0213 rgb(14,2,19)
```
#1b0325
```
#1b0325 rgb(27,3,37)
```
#280537
```
#280537 rgb(40,5,55)
```
#360649
```
#360649 rgb(54,6,73)
```
#43085b
```
#43085b rgb(67,8,91)
```
#500a6d
```
#500a6d rgb(80,10,109)
```
#5d0b7f
```
#5d0b7f rgb(93,11,127)
```
#6a0d91
```
#6a0d91 rgb(106,13,145)
```
#770ea3
```
#770ea3 rgb(119,14,163)
```
#8510b5
```
#8510b5 rgb(133,16,181)
```
#9212c8
```
#9212c8 rgb(146,18,200)
```
#9f13da
```
#9f13da rgb(159,19,218)
```

Shade Color Variation

#ac16ea
```
#ac16ea rgb(172,22,234)
```
#b228ec
```
#b228ec rgb(178,40,236)
```
#b83aee
```
#b83aee rgb(184,58,238)
```
#bf4cef
```
#bf4cef rgb(191,76,239)
```
#c55ef1
```
#c55ef1 rgb(197,94,241)
```
#cc70f2
```
#cc70f2 rgb(204,112,242)
```
#d282f4
```
#d282f4 rgb(210,130,244)
```
#d994f6
```
#d994f6 rgb(217,148,246)
```
#dfa6f7
```
#dfa6f7 rgb(223,166,247)
```
#e6b8f9
```
#e6b8f9 rgb(230,184,249)
```
#eccafa
```
#eccafa rgb(236,202,250)
```
#f3dcfc
```
#f3dcfc rgb(243,220,252)
```
#f9eefe
```
#f9eefe rgb(249,238,254)
```

Tint Color Variation

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

#8d8292
```
#8d8292 rgb(141,130,146)
```
#91799b
```
#91799b rgb(145,121,155)
```
#9570a4
```
#9570a4 rgb(149,112,164)
```
#9867ad
```
#9867ad rgb(152,103,173)
```
#9c5eb6
```
#9c5eb6 rgb(156,94,182)
```
#a055bf
```
#a055bf rgb(160,85,191)
```
#a34cc8
```
#a34cc8 rgb(163,76,200)
```
#a743d1
```
#a743d1 rgb(167,67,209)
```
#ab3ada
```
#ab3ada rgb(171,58,218)
```
#ae31e3
```
#ae31e3 rgb(174,49,227)
```
#b228ec
```
#b228ec rgb(178,40,236)
```
#b61ff5
```
#b61ff5 rgb(182,31,245)
```
#b916fe
```
#b916fe rgb(185,22,254)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#775b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007ccd Deuteranopia 1% of men
#9f6b73 Tritanopia 0.001% of the population

Trichromacy

#4059e8 Protanomaly 1% of men, 0.01% of women
#405dd8 Deuteranomaly 6% of men, 0.4% of women
#a6539f Tritanomaly 0.01% of the population

#b228ec hex color

#b228ec Color Information

#b228ec Color Conversion

Color Schemes with #b228ec

Alternatives to #b228ec

#b228ec Preview

Shades and Tints of #b228ec

Tones of #b228ec

Color Blindness Simulator