#b306ba hex color

In a RGB color space, hex #b306ba is composed of 70.2% red, 2.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 96.8% magenta, 0% yellow and 27.1% black. It has a hue angle of 297.7 degrees, a saturation of 93.8% and a lightness of 37.6%. #b306ba color hex could be obtained by blending #ff0cff with #670075. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 70
- G 2
- B 73
RGB color chart
- C 4
- M 97
- Y 0
- K 27
CMYK color chart

● #b306ba color description : Strong magenta.

The hexadecimal color #b306ba has RGB values of R:179, G:6, B:186 and CMYK values of C:0.04, M:0.97, Y:0, K:0.27. Its decimal value is 11732666.

Hex triplet	b306ba	`#b306ba`
RGB Decimal	179, 6, 186	`rgb(179,6,186)`
RGB Percent	70.2, 2.4, 72.9	`rgb(70.2%,2.4%,72.9%)`
CMYK	4, 97, 0, 27
HSL	297.7°, 93.8, 37.6	`hsl(297.7,93.8%,37.6%)`
HSV (or HSB)	297.7°, 96.8, 72.9
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	43.154, 75.798, -49.761
XYZ	27.518, 13.261, 47.562
xyY	0.311, 0.15, 13.261
CIE-LCH	43.154, 90.673, 326.715
CIE-LUV	43.154, 56.302, -81.346
Hunter-Lab	36.416, 71.158, -51.947
Binary	10110011, 00000110, 10111010

#b306ba
```
#b306ba rgb(179,6,186)
```
#0dba06
```
#0dba06 rgb(13,186,6)
```

Complementary Color

#5906ba
```
#5906ba rgb(89,6,186)
```
#b306ba
```
#b306ba rgb(179,6,186)
```
#ba0667
```
#ba0667 rgb(186,6,103)
```

Analogous Color

#06ba59
```
#06ba59 rgb(6,186,89)
```
#b306ba
```
#b306ba rgb(179,6,186)
```
#67ba06
```
#67ba06 rgb(103,186,6)
```

Split Complementary Color

#06bab3
```
#06bab3 rgb(6,186,179)
```
#b306ba
```
#b306ba rgb(179,6,186)
```
#bab306
```
#bab306 rgb(186,179,6)
```

Triadic Color

#060dba
```
#060dba rgb(6,13,186)
```
#b306ba
```
#b306ba rgb(179,6,186)
```
#bab306
```
#bab306 rgb(186,179,6)
```
#0dba06
```
#0dba06 rgb(13,186,6)
```

Tetradic Color

#6c0470
```
#6c0470 rgb(108,4,112)
```
#830489
```
#830489 rgb(131,4,137)
```
#9b05a1
```
#9b05a1 rgb(155,5,161)
```
#b306ba
```
#b306ba rgb(179,6,186)
```
#cb07d3
```
#cb07d3 rgb(203,7,211)
```
#e308eb
```
#e308eb rgb(227,8,235)
```
#ef15f7
```
#ef15f7 rgb(239,21,247)
```

Monochromatic Color

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

#8606ba
```
#8606ba rgb(134,6,186)
```
#9506ba
```
#9506ba rgb(149,6,186)
```
#a406ba
```
#a406ba rgb(164,6,186)
```
#b306ba
```
#b306ba rgb(179,6,186)
```
#ba06b2
```
#ba06b2 rgb(186,6,178)
```
#ba06a3
```
#ba06a3 rgb(186,6,163)
```
#ba0694
```
#ba0694 rgb(186,6,148)
```

Similar Colors

Text with hexadecimal color #b306ba

This text has a font color of #b306ba.

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

#b306ba background color

This paragraph has a background color of #b306ba.

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

#b306ba border color

This element has a border color of #b306ba.

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

CSS codes

.text {color:#b306ba;}

.background {background-color:#b306ba;}

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

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

#0e000f
```
#0e000f rgb(14,0,15)
```
#210122
```
#210122 rgb(33,1,34)
```
#330235
```
#330235 rgb(51,2,53)
```
#450248
```
#450248 rgb(69,2,72)
```
#58035b
```
#58035b rgb(88,3,91)
```
#6a046e
```
#6a046e rgb(106,4,110)
```
#7c0481
```
#7c0481 rgb(124,4,129)
```
#8e0594
```
#8e0594 rgb(142,5,148)
```
#a105a7
```
#a105a7 rgb(161,5,167)
```
#b306ba
```
#b306ba rgb(179,6,186)
```
#c507cd
```
#c507cd rgb(197,7,205)
```
#d807e0
```
#d807e0 rgb(216,7,224)
```
#ea08f3
```
#ea08f3 rgb(234,8,243)
```

Shade Color Variation

#ef17f8
```
#ef17f8 rgb(239,23,248)
```
#f02af8
```
#f02af8 rgb(240,42,248)
```
#f13df9
```
#f13df9 rgb(241,61,249)
```
#f350f9
```
#f350f9 rgb(243,80,249)
```
#f463fa
```
#f463fa rgb(244,99,250)
```
#f576fb
```
#f576fb rgb(245,118,251)
```
#f789fb
```
#f789fb rgb(247,137,251)
```
#f89cfc
```
#f89cfc rgb(248,156,252)
```
#f9affc
```
#f9affc rgb(249,175,252)
```
#fbc2fd
```
#fbc2fd rgb(251,194,253)
```
#fcd5fe
```
#fcd5fe rgb(252,213,254)
```
#fde8fe
```
#fde8fe rgb(253,232,254)
```
#fffbff
```
#fffbff rgb(255,251,255)
```

Tint Color Variation

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

#615f61
```
#615f61 rgb(97,95,97)
```
#685769
```
#685769 rgb(104,87,105)
```
#6f5070
```
#6f5070 rgb(111,80,112)
```
#764878
```
#764878 rgb(118,72,120)
```
#7d417f
```
#7d417f rgb(125,65,127)
```
#833a86
```
#833a86 rgb(131,58,134)
```
#8a328e
```
#8a328e rgb(138,50,142)
```
#912b95
```
#912b95 rgb(145,43,149)
```
#98249c
```
#98249c rgb(152,36,156)
```
#9f1ca4
```
#9f1ca4 rgb(159,28,164)
```
#a515ab
```
#a515ab rgb(165,21,171)
```
#ac0db3
```
#ac0db3 rgb(172,13,179)
```
#b306ba
```
#b306ba rgb(179,6,186)
```

Tone Color Variation

Below, you can see how #b306ba 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
#436eab Deuteranopia 1% of men
#a95156 Tritanopia 0.001% of the population

Trichromacy

#4146c8 Protanomaly 1% of men, 0.01% of women
#6b48b0 Deuteranomaly 6% of men, 0.4% of women
#ad367a Tritanomaly 0.01% of the population

#b306ba hex color

#b306ba Color Information

#b306ba Color Conversion

Color Schemes with #b306ba

Alternatives to #b306ba

#b306ba Preview

Shades and Tints of #b306ba

Tones of #b306ba

Color Blindness Simulator