#b306c3 hex color

In a RGB color space, hex #b306c3 is composed of 70.2% red, 2.4% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 96.9% magenta, 0% yellow and 23.5% black. It has a hue angle of 294.9 degrees, a saturation of 94% and a lightness of 39.4%. #b306c3 color hex could be obtained by blending #ff0cff with #670087. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 70
- G 2
- B 76
RGB color chart
- C 8
- M 97
- Y 0
- K 24
CMYK color chart

● #b306c3 color description : Strong magenta.

The hexadecimal color #b306c3 has RGB values of R:179, G:6, B:195 and CMYK values of C:0.08, M:0.97, Y:0, K:0.24. Its decimal value is 11732675.

Hex triplet	b306c3	`#b306c3`
RGB Decimal	179, 6, 195	`rgb(179,6,195)`
RGB Percent	70.2, 2.4, 76.5	`rgb(70.2%,2.4%,76.5%)`
CMYK	8, 97, 0, 24
HSL	294.9°, 94, 39.4	`hsl(294.9,94%,39.4%)`
HSV (or HSB)	294.9°, 96.9, 76.5
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	43.735, 77.201, -54.098
XYZ	28.505, 13.656, 52.761
xyY	0.3, 0.144, 13.656
CIE-LCH	43.735, 94.269, 324.979
CIE-LUV	43.735, 53.049, -87.848
Hunter-Lab	36.954, 73.02, -58.784
Binary	10110011, 00000110, 11000011

#b306c3
```
#b306c3 rgb(179,6,195)
```
#16c306
```
#16c306 rgb(22,195,6)
```

Complementary Color

#5506c3
```
#5506c3 rgb(85,6,195)
```
#b306c3
```
#b306c3 rgb(179,6,195)
```
#c30675
```
#c30675 rgb(195,6,117)
```

Analogous Color

#06c355
```
#06c355 rgb(6,195,85)
```
#b306c3
```
#b306c3 rgb(179,6,195)
```
#75c306
```
#75c306 rgb(117,195,6)
```

Split Complementary Color

#06c3b3
```
#06c3b3 rgb(6,195,179)
```
#b306c3
```
#b306c3 rgb(179,6,195)
```
#c3b306
```
#c3b306 rgb(195,179,6)
```

Triadic Color

#0616c3
```
#0616c3 rgb(6,22,195)
```
#b306c3
```
#b306c3 rgb(179,6,195)
```
#c3b306
```
#c3b306 rgb(195,179,6)
```
#16c306
```
#16c306 rgb(22,195,6)
```

Tetradic Color

#6f0479
```
#6f0479 rgb(111,4,121)
```
#860492
```
#860492 rgb(134,4,146)
```
#9c05aa
```
#9c05aa rgb(156,5,170)
```
#b306c3
```
#b306c3 rgb(179,6,195)
```
#ca07dc
```
#ca07dc rgb(202,7,220)
```
#e008f4
```
#e008f4 rgb(224,8,244)
```
#e61df8
```
#e61df8 rgb(230,29,248)
```

Monochromatic Color

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

#8406c3
```
#8406c3 rgb(132,6,195)
```
#9406c3
```
#9406c3 rgb(148,6,195)
```
#a306c3
```
#a306c3 rgb(163,6,195)
```
#b306c3
```
#b306c3 rgb(179,6,195)
```
#c306c3
```
#c306c3 rgb(195,6,195)
```
#c306b4
```
#c306b4 rgb(195,6,180)
```
#c306a4
```
#c306a4 rgb(195,6,164)
```

Similar Colors

Text with hexadecimal color #b306c3

This text has a font color of #b306c3.

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

#b306c3 background color

This paragraph has a background color of #b306c3.

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

#b306c3 border color

This element has a border color of #b306c3.

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

CSS codes

.text {color:#b306c3;}

.background {background-color:#b306c3;}

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

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

#040005
```
#040005 rgb(4,0,5)
```
#160118
```
#160118 rgb(22,1,24)
```
#27012b
```
#27012b rgb(39,1,43)
```
#39023e
```
#39023e rgb(57,2,62)
```
#4a0251
```
#4a0251 rgb(74,2,81)
```
#5c0364
```
#5c0364 rgb(92,3,100)
```
#6d0477
```
#6d0477 rgb(109,4,119)
```
#7f048a
```
#7f048a rgb(127,4,138)
```
#90059d
```
#90059d rgb(144,5,157)
```
#a205b0
```
#a205b0 rgb(162,5,176)
```
#b306c3
```
#b306c3 rgb(179,6,195)
```
#c407d6
```
#c407d6 rgb(196,7,214)
```
#d607e9
```
#d607e9 rgb(214,7,233)
```

Shade Color Variation

#e40cf8
```
#e40cf8 rgb(228,12,248)
```
#e61ff8
```
#e61ff8 rgb(230,31,248)
```
#e832f9
```
#e832f9 rgb(232,50,249)
```
#ea45f9
```
#ea45f9 rgb(234,69,249)
```
#ec58fa
```
#ec58fa rgb(236,88,250)
```
#ee6bfa
```
#ee6bfa rgb(238,107,250)
```
#f17efb
```
#f17efb rgb(241,126,251)
```
#f392fc
```
#f392fc rgb(243,146,252)
```
#f5a5fc
```
#f5a5fc rgb(245,165,252)
```
#f7b8fd
```
#f7b8fd rgb(247,184,253)
```
#f9cbfd
```
#f9cbfd rgb(249,203,253)
```
#fbdefe
```
#fbdefe rgb(251,222,254)
```
#fdf1ff
```
#fdf1ff rgb(253,241,255)
```

Tint Color Variation

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

#666366
```
#666366 rgb(102,99,102)
```
#6c5b6e
```
#6c5b6e rgb(108,91,110)
```
#735376
```
#735376 rgb(115,83,118)
```
#794c7d
```
#794c7d rgb(121,76,125)
```
#804485
```
#804485 rgb(128,68,133)
```
#863c8d
```
#863c8d rgb(134,60,141)
```
#8c3495
```
#8c3495 rgb(140,52,149)
```
#932d9c
```
#932d9c rgb(147,45,156)
```
#9925a4
```
#9925a4 rgb(153,37,164)
```
#a01dac
```
#a01dac rgb(160,29,172)
```
#a615b4
```
#a615b4 rgb(166,21,180)
```
#ad0ebb
```
#ad0ebb rgb(173,14,187)
```
#b306c3
```
#b306c3 rgb(179,6,195)
```

Tone Color Variation

Below, you can see how #b306c3 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
#634066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd2 Protanopia 1% of men
#3870b3 Deuteranopia 1% of men
#a8555a Tritanopia 0.001% of the population

Trichromacy

#4146cc Protanomaly 1% of men, 0.01% of women
#6449b9 Deuteranomaly 6% of men, 0.4% of women
#ac3880 Tritanomaly 0.01% of the population

#b306c3 hex color

#b306c3 Color Information

#b306c3 Color Conversion

Color Schemes with #b306c3

Alternatives to #b306c3

#b306c3 Preview

Shades and Tints of #b306c3

Tones of #b306c3

Color Blindness Simulator