colorhexa.com

#b306bf hex color

In a RGB color space, hex #b306bf is composed of 70.2% red, 2.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 6.3% cyan, 96.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 296.1 degrees, a saturation of 93.9% and a lightness of 38.6%. #b306bf color hex could be obtained by blending #ff0cff with #67007f. Closest websafe color is: #cc00cc.

- R 70
- G 2
- B 75
RGB color chart
- C 6
- M 97
- Y 0
- K 25
CMYK color chart

● #b306bf color description : Strong magenta.

The hexadecimal color #b306bf has RGB values of R:179, G:6, B:191 and CMYK values of C:0.06, M:0.97, Y:0, K:0.25. Its decimal value is 11732671.

Hex triplet	b306bf	`#b306bf`
RGB Decimal	179, 6, 191	`rgb(179,6,191)`
RGB Percent	70.2, 2.4, 74.9	`rgb(70.2%,2.4%,74.9%)`
CMYK	6, 97, 0, 25
HSL	296.1°, 93.9, 38.6	`hsl(296.1,93.9%,38.6%)`
HSV (or HSB)	296.1°, 96.9, 74.9
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	43.474, 76.572, -52.181
XYZ	28.059, 13.477, 50.411
xyY	0.305, 0.147, 13.477
CIE-LCH	43.474, 92.662, 325.727
CIE-LUV	43.474, 54.477, -84.972
Hunter-Lab	36.711, 72.183, -55.717
Binary	10110011, 00000110, 10111111

#b306bf
```
#b306bf rgb(179,6,191)
```
#12bf06
```
#12bf06 rgb(18,191,6)
```

Complementary Color

#5706bf
```
#5706bf rgb(87,6,191)
```
#b306bf
```
#b306bf rgb(179,6,191)
```
#bf066f
```
#bf066f rgb(191,6,111)
```

Analogous Color

#06bf57
```
#06bf57 rgb(6,191,87)
```
#b306bf
```
#b306bf rgb(179,6,191)
```
#6fbf06
```
#6fbf06 rgb(111,191,6)
```

Split Complementary Color

#06bfb3
```
#06bfb3 rgb(6,191,179)
```
#b306bf
```
#b306bf rgb(179,6,191)
```
#bfb306
```
#bfb306 rgb(191,179,6)
```

Triadic Color

#6d0475
```
#6d0475 rgb(109,4,117)
```
#85048e
```
#85048e rgb(133,4,142)
```
#9c05a6
```
#9c05a6 rgb(156,5,166)
```
#b306bf
```
#b306bf rgb(179,6,191)
```
#ca07d8
```
#ca07d8 rgb(202,7,216)
```
#e108f0
```
#e108f0 rgb(225,8,240)
```
#e91af8
```
#e91af8 rgb(233,26,248)
```

Monochromatic Color

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

#8506bf
```
#8506bf rgb(133,6,191)
```
#9406bf
```
#9406bf rgb(148,6,191)
```
#a406bf
```
#a406bf rgb(164,6,191)
```
#b306bf
```
#b306bf rgb(179,6,191)
```
#bf06bc
```
#bf06bc rgb(191,6,188)
```
#bf06ac
```
#bf06ac rgb(191,6,172)
```
#bf069d
```
#bf069d rgb(191,6,157)
```

Similar Colors

Text with hexadecimal color #b306bf

This text has a font color of #b306bf.

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

#b306bf background color

This paragraph has a background color of #b306bf.

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

#b306bf border color

This element has a border color of #b306bf.

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

CSS codes

.text {color:#b306bf;}

.background {background-color:#b306bf;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#130114
```
#130114 rgb(19,1,20)
```
#240127
```
#240127 rgb(36,1,39)
```
#36023a
```
#36023a rgb(54,2,58)
```
#48024d
```
#48024d rgb(72,2,77)
```
#5a0360
```
#5a0360 rgb(90,3,96)
```
#6c0473
```
#6c0473 rgb(108,4,115)
```
#7e0486
```
#7e0486 rgb(126,4,134)
```
#8f0599
```
#8f0599 rgb(143,5,153)
```
#a105ac
```
#a105ac rgb(161,5,172)
```
#b306bf
```
#b306bf rgb(179,6,191)
```
#c507d2
```
#c507d2 rgb(197,7,210)
```
#d707e5
```
#d707e5 rgb(215,7,229)
```

Shade Color Variation

#e809f7
```
#e809f7 rgb(232,9,247)
```
#ea1cf8
```
#ea1cf8 rgb(234,28,248)
```
#eb2ff8
```
#eb2ff8 rgb(235,47,248)
```
#ed42f9
```
#ed42f9 rgb(237,66,249)
```
#ef55fa
```
#ef55fa rgb(239,85,250)
```
#f168fa
```
#f168fa rgb(241,104,250)
```
#f37bfb
```
#f37bfb rgb(243,123,251)
```
#f48efb
```
#f48efb rgb(244,142,251)
```
#f6a1fc
```
#f6a1fc rgb(246,161,252)
```
#f8b4fd
```
#f8b4fd rgb(248,180,253)
```
#fac7fd
```
#fac7fd rgb(250,199,253)
```
#fbdafe
```
#fbdafe rgb(251,218,254)
```
#fdedfe
```
#fdedfe rgb(253,237,254)
```

Tint Color Variation

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

#646164
```
#646164 rgb(100,97,100)
```
#6a596c
```
#6a596c rgb(106,89,108)
```
#715273
```
#715273 rgb(113,82,115)
```
#784a7b
```
#784a7b rgb(120,74,123)
```
#7e4382
```
#7e4382 rgb(126,67,130)
```
#853b8a
```
#853b8a rgb(133,59,138)
```
#8b3392
```
#8b3392 rgb(139,51,146)
```
#922c99
```
#922c99 rgb(146,44,153)
```
#9924a1
```
#9924a1 rgb(153,36,161)
```
#9f1da8
```
#9f1da8 rgb(159,29,168)
```
#a615b0
```
#a615b0 rgb(166,21,176)
```
#ac0eb7
```
#ac0eb7 rgb(172,14,183)
```
#b306bf
```
#b306bf rgb(179,6,191)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#634065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#3d6fb0 Deuteranopia 1% of men
#a95359 Tritanopia 0.001% of the population

Trichromacy

#4146ca Protanomaly 1% of men, 0.01% of women
#6849b5 Deuteranomaly 6% of men, 0.4% of women
#ac377e Tritanomaly 0.01% of the population