colorhexa.com

#b306bc hex color

In a RGB color space, hex #b306bc is composed of 70.2% red, 2.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 96.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 297 degrees, a saturation of 93.8% and a lightness of 38%. #b306bc color hex could be obtained by blending #ff0cff with #670079. Closest websafe color is: #cc00cc.

- R 70
- G 2
- B 74
RGB color chart
- C 5
- M 97
- Y 0
- K 26
CMYK color chart

● #b306bc color description : Strong magenta.

The hexadecimal color #b306bc has RGB values of R:179, G:6, B:188 and CMYK values of C:0.05, M:0.97, Y:0, K:0.26. Its decimal value is 11732668.

Hex triplet	b306bc	`#b306bc`
RGB Decimal	179, 6, 188	`rgb(179,6,188)`
RGB Percent	70.2, 2.4, 73.7	`rgb(70.2%,2.4%,73.7%)`
CMYK	5, 97, 0, 26
HSL	297°, 93.8, 38	`hsl(297,93.8%,38%)`
HSV (or HSB)	297°, 96.8, 73.7
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	43.281, 76.106, -50.732
XYZ	27.732, 13.347, 48.69
xyY	0.309, 0.149, 13.347
CIE-LCH	43.281, 91.465, 326.313
CIE-LUV	43.281, 55.566, -82.801
Hunter-Lab	36.533, 71.565, -53.446
Binary	10110011, 00000110, 10111100

#b306bc
```
#b306bc rgb(179,6,188)
```
#0fbc06
```
#0fbc06 rgb(15,188,6)
```

Complementary Color

#5806bc
```
#5806bc rgb(88,6,188)
```
#b306bc
```
#b306bc rgb(179,6,188)
```
#bc066a
```
#bc066a rgb(188,6,106)
```

Analogous Color

#06bc58
```
#06bc58 rgb(6,188,88)
```
#b306bc
```
#b306bc rgb(179,6,188)
```
#6abc06
```
#6abc06 rgb(106,188,6)
```

Split Complementary Color

#06bcb3
```
#06bcb3 rgb(6,188,179)
```
#b306bc
```
#b306bc rgb(179,6,188)
```
#bcb306
```
#bcb306 rgb(188,179,6)
```

Triadic Color

#6c0472
```
#6c0472 rgb(108,4,114)
```
#84048b
```
#84048b rgb(132,4,139)
```
#9b05a3
```
#9b05a3 rgb(155,5,163)
```
#b306bc
```
#b306bc rgb(179,6,188)
```
#cb07d5
```
#cb07d5 rgb(203,7,213)
```
#e208ed
```
#e208ed rgb(226,8,237)
```
#ec17f8
```
#ec17f8 rgb(236,23,248)
```

Monochromatic Color

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

#8606bc
```
#8606bc rgb(134,6,188)
```
#9506bc
```
#9506bc rgb(149,6,188)
```
#a406bc
```
#a406bc rgb(164,6,188)
```
#b306bc
```
#b306bc rgb(179,6,188)
```
#bc06b6
```
#bc06b6 rgb(188,6,182)
```
#bc06a7
```
#bc06a7 rgb(188,6,167)
```
#bc0698
```
#bc0698 rgb(188,6,152)
```

Similar Colors

Text with hexadecimal color #b306bc

This text has a font color of #b306bc.

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

#b306bc background color

This paragraph has a background color of #b306bc.

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

#b306bc border color

This element has a border color of #b306bc.

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

CSS codes

.text {color:#b306bc;}

.background {background-color:#b306bc;}

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

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

#100111
```
#100111 rgb(16,1,17)
```
#220124
```
#220124 rgb(34,1,36)
```
#340237
```
#340237 rgb(52,2,55)
```
#46024a
```
#46024a rgb(70,2,74)
```
#59035d
```
#59035d rgb(89,3,93)
```
#6b0470
```
#6b0470 rgb(107,4,112)
```
#7d0483
```
#7d0483 rgb(125,4,131)
```
#8f0596
```
#8f0596 rgb(143,5,150)
```
#a105a9
```
#a105a9 rgb(161,5,169)
```
#b306bc
```
#b306bc rgb(179,6,188)
```
#c507cf
```
#c507cf rgb(197,7,207)
```
#d707e2
```
#d707e2 rgb(215,7,226)
```
#e908f5
```
#e908f5 rgb(233,8,245)
```

Shade Color Variation

#ed19f8
```
#ed19f8 rgb(237,25,248)
```
#ee2cf8
```
#ee2cf8 rgb(238,44,248)
```
#f03ff9
```
#f03ff9 rgb(240,63,249)
```
#f152f9
```
#f152f9 rgb(241,82,249)
```
#f365fa
```
#f365fa rgb(243,101,250)
```
#f478fb
```
#f478fb rgb(244,120,251)
```
#f68bfb
```
#f68bfb rgb(246,139,251)
```
#f79efc
```
#f79efc rgb(247,158,252)
```
#f9b1fd
```
#f9b1fd rgb(249,177,253)
```
#fac4fd
```
#fac4fd rgb(250,196,253)
```
#fcd7fe
```
#fcd7fe rgb(252,215,254)
```
#fdeafe
```
#fdeafe rgb(253,234,254)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#626062
```
#626062 rgb(98,96,98)
```
#69586a
```
#69586a rgb(105,88,106)
```
#705171
```
#705171 rgb(112,81,113)
```
#764979
```
#764979 rgb(118,73,121)
```
#7d4280
```
#7d4280 rgb(125,66,128)
```
#843a88
```
#843a88 rgb(132,58,136)
```
#8b338f
```
#8b338f rgb(139,51,143)
```
#912b97
```
#912b97 rgb(145,43,151)
```
#98249e
```
#98249e rgb(152,36,158)
```
#9f1ca6
```
#9f1ca6 rgb(159,28,166)
```
#a615ad
```
#a615ad rgb(166,21,173)
```
#ac0db5
```
#ac0db5 rgb(172,13,181)
```
#b306bc
```
#b306bc rgb(179,6,188)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#624064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#406ead Deuteranopia 1% of men
#a95257 Tritanopia 0.001% of the population

Trichromacy

#4146c9 Protanomaly 1% of men, 0.01% of women
#6a48b2 Deuteranomaly 6% of men, 0.4% of women
#ad367c Tritanomaly 0.01% of the population