#b306e2 hex color

In a RGB color space, hex #b306e2 is composed of 70.2% red, 2.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 97.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 287.2 degrees, a saturation of 94.8% and a lightness of 45.5%. #b306e2 color hex could be obtained by blending #ff0cff with #6700c5. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 70
- G 2
- B 89
RGB color chart
- C 21
- M 97
- Y 0
- K 11
CMYK color chart

● #b306e2 color description : Vivid magenta.

The hexadecimal color #b306e2 has RGB values of R:179, G:6, B:226 and CMYK values of C:0.21, M:0.97, Y:0, K:0.11. Its decimal value is 11732706.

Hex triplet	b306e2	`#b306e2`
RGB Decimal	179, 6, 226	`rgb(179,6,226)`
RGB Percent	70.2, 2.4, 88.6	`rgb(70.2%,2.4%,88.6%)`
CMYK	21, 97, 0, 11
HSL	287.2°, 94.8, 45.5	`hsl(287.2,94.8%,45.5%)`
HSV (or HSB)	287.2°, 97.3, 88.6
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.916, 82.334, -68.436
XYZ	32.381, 15.206, 73.177
xyY	0.268, 0.126, 15.206
CIE-LCH	45.916, 107.063, 320.267
CIE-LUV	45.916, 42.977, -109.365
Hunter-Lab	38.995, 79.983, -83.964
Binary	10110011, 00000110, 11100010

#b306e2
```
#b306e2 rgb(179,6,226)
```
#35e206
```
#35e206 rgb(53,226,6)
```

Complementary Color

#4506e2
```
#4506e2 rgb(69,6,226)
```
#b306e2
```
#b306e2 rgb(179,6,226)
```
#e206a3
```
#e206a3 rgb(226,6,163)
```

Analogous Color

#06e245
```
#06e245 rgb(6,226,69)
```
#b306e2
```
#b306e2 rgb(179,6,226)
```
#a3e206
```
#a3e206 rgb(163,226,6)
```

Split Complementary Color

#06e2b3
```
#06e2b3 rgb(6,226,179)
```
#b306e2
```
#b306e2 rgb(179,6,226)
```
#e2b306
```
#e2b306 rgb(226,179,6)
```

Triadic Color

#0635e2
```
#0635e2 rgb(6,53,226)
```
#b306e2
```
#b306e2 rgb(179,6,226)
```
#e2b306
```
#e2b306 rgb(226,179,6)
```
#35e206
```
#35e206 rgb(53,226,6)
```

Tetradic Color

#780497
```
#780497 rgb(120,4,151)
```
#8c05b0
```
#8c05b0 rgb(140,5,176)
```
#9f05c9
```
#9f05c9 rgb(159,5,201)
```
#b306e2
```
#b306e2 rgb(179,6,226)
```
#c509f8
```
#c509f8 rgb(197,9,248)
```
#cb22f9
```
#cb22f9 rgb(203,34,249)
```
#d13bfa
```
#d13bfa rgb(209,59,250)
```

Monochromatic Color

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

#7c06e2
```
#7c06e2 rgb(124,6,226)
```
#8e06e2
```
#8e06e2 rgb(142,6,226)
```
#a106e2
```
#a106e2 rgb(161,6,226)
```
#b306e2
```
#b306e2 rgb(179,6,226)
```
#c506e2
```
#c506e2 rgb(197,6,226)
```
#d806e2
```
#d806e2 rgb(216,6,226)
```
#e206da
```
#e206da rgb(226,6,218)
```

Similar Colors

Text with hexadecimal color #b306e2

This text has a font color of #b306e2.

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

#b306e2 background color

This paragraph has a background color of #b306e2.

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

#b306e2 border color

This element has a border color of #b306e2.

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

CSS codes

.text {color:#b306e2;}

.background {background-color:#b306e2;}

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

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, #0d0010 is the darkest color, while #fefcff is the lightest one.

#0d0010
```
#0d0010 rgb(13,0,16)
```
#1c0123
```
#1c0123 rgb(28,1,35)
```
#2b0136
```
#2b0136 rgb(43,1,54)
```
#3a0249
```
#3a0249 rgb(58,2,73)
```
#49025c
```
#49025c rgb(73,2,92)
```
#58036f
```
#58036f rgb(88,3,111)
```
#670382
```
#670382 rgb(103,3,130)
```
#760496
```
#760496 rgb(118,4,150)
```
#8604a9
```
#8604a9 rgb(134,4,169)
```
#9505bc
```
#9505bc rgb(149,5,188)
```
#a405cf
```
#a405cf rgb(164,5,207)
```
#b306e2
```
#b306e2 rgb(179,6,226)
```
#c207f5
```
#c207f5 rgb(194,7,245)
```

Shade Color Variation

#c816f9
```
#c816f9 rgb(200,22,249)
```
#cd2af9
```
#cd2af9 rgb(205,42,249)
```
#d13dfa
```
#d13dfa rgb(209,61,250)
```
#d650fa
```
#d650fa rgb(214,80,250)
```
#da63fb
```
#da63fb rgb(218,99,251)
```
#df76fb
```
#df76fb rgb(223,118,251)
```
#e389fc
```
#e389fc rgb(227,137,252)
```
#e89cfc
```
#e89cfc rgb(232,156,252)
```
#ecaffd
```
#ecaffd rgb(236,175,253)
```
#f1c2fd
```
#f1c2fd rgb(241,194,253)
```
#f5d5fe
```
#f5d5fe rgb(245,213,254)
```
#fae9fe
```
#fae9fe rgb(250,233,254)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#767177
```
#767177 rgb(118,113,119)
```
#7b6880
```
#7b6880 rgb(123,104,128)
```
#805f89
```
#805f89 rgb(128,95,137)
```
#855692
```
#855692 rgb(133,86,146)
```
#8a4d9b
```
#8a4d9b rgb(138,77,155)
```
#8f44a4
```
#8f44a4 rgb(143,68,164)
```
#943cac
```
#943cac rgb(148,60,172)
```
#9933b5
```
#9933b5 rgb(153,51,181)
```
#9f2abe
```
#9f2abe rgb(159,42,190)
```
#a421c7
```
#a421c7 rgb(164,33,199)
```
#a918d0
```
#a918d0 rgb(169,24,208)
```
#ae0fd9
```
#ae0fd9 rgb(174,15,217)
```
#b306e2
```
#b306e2 rgb(179,6,226)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#664470 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071db Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#a26168 Tritanopia 0.001% of the population

Trichromacy

#414ade Protanomaly 1% of men, 0.01% of women
#414dce Deuteranomaly 6% of men, 0.4% of women
#a84094 Tritanomaly 0.01% of the population

#b306e2 hex color

#b306e2 Color Information

#b306e2 Color Conversion

Color Schemes with #b306e2

Alternatives to #b306e2

#b306e2 Preview

Shades and Tints of #b306e2

Tones of #b306e2

Color Blindness Simulator