#b306c9 hex color

In a RGB color space, hex #b306c9 is composed of 70.2% red, 2.4% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 97% magenta, 0% yellow and 21.2% black. It has a hue angle of 293.2 degrees, a saturation of 94.2% and a lightness of 40.6%. #b306c9 color hex could be obtained by blending #ff0cff with #670093. Closest websafe color is: #cc00cc.

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

● #b306c9 color description : Strong magenta.

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

Hex triplet	b306c9	`#b306c9`
RGB Decimal	179, 6, 201	`rgb(179,6,201)`
RGB Percent	70.2, 2.4, 78.8	`rgb(70.2%,2.4%,78.8%)`
CMYK	11, 97, 0, 21
HSL	293.2°, 94.2, 40.6	`hsl(293.2,94.2%,40.6%)`
HSV (or HSB)	293.2°, 97, 78.8
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	44.136, 78.16, -56.944
XYZ	29.197, 13.933, 56.407
xyY	0.293, 0.14, 13.933
CIE-LCH	44.136, 96.704, 323.924
CIE-LUV	44.136, 50.964, -92.119
Hunter-Lab	37.327, 74.303, -63.469
Binary	10110011, 00000110, 11001001

#b306c9
```
#b306c9 rgb(179,6,201)
```
#1cc906
```
#1cc906 rgb(28,201,6)
```

Complementary Color

#5106c9
```
#5106c9 rgb(81,6,201)
```
#b306c9
```
#b306c9 rgb(179,6,201)
```
#c9067e
```
#c9067e rgb(201,6,126)
```

Analogous Color

#06c951
```
#06c951 rgb(6,201,81)
```
#b306c9
```
#b306c9 rgb(179,6,201)
```
#7ec906
```
#7ec906 rgb(126,201,6)
```

Split Complementary Color

#06c9b3
```
#06c9b3 rgb(6,201,179)
```
#b306c9
```
#b306c9 rgb(179,6,201)
```
#c9b306
```
#c9b306 rgb(201,179,6)
```

Triadic Color

#061cc9
```
#061cc9 rgb(6,28,201)
```
#b306c9
```
#b306c9 rgb(179,6,201)
```
#c9b306
```
#c9b306 rgb(201,179,6)
```
#1cc906
```
#1cc906 rgb(28,201,6)
```

Tetradic Color

#71047f
```
#71047f rgb(113,4,127)
```
#870597
```
#870597 rgb(135,5,151)
```
#9d05b0
```
#9d05b0 rgb(157,5,176)
```
#b306c9
```
#b306c9 rgb(179,6,201)
```
#c907e2
```
#c907e2 rgb(201,7,226)
```
#dd0af8
```
#dd0af8 rgb(221,10,248)
```
#e023f8
```
#e023f8 rgb(224,35,248)
```

Monochromatic Color

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

#8206c9
```
#8206c9 rgb(130,6,201)
```
#9306c9
```
#9306c9 rgb(147,6,201)
```
#a306c9
```
#a306c9 rgb(163,6,201)
```
#b306c9
```
#b306c9 rgb(179,6,201)
```
#c306c9
```
#c306c9 rgb(195,6,201)
```
#c906bf
```
#c906bf rgb(201,6,191)
```
#c906ae
```
#c906ae rgb(201,6,174)
```

Similar Colors

Text with hexadecimal color #b306c9

This text has a font color of #b306c9.

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

#b306c9 background color

This paragraph has a background color of #b306c9.

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

#b306c9 border color

This element has a border color of #b306c9.

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

CSS codes

.text {color:#b306c9;}

.background {background-color:#b306c9;}

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

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, #09000b is the darkest color, while #fef6ff is the lightest one.

#09000b
```
#09000b rgb(9,0,11)
```
#1a011e
```
#1a011e rgb(26,1,30)
```
#2b0131
```
#2b0131 rgb(43,1,49)
```
#3c0244
```
#3c0244 rgb(60,2,68)
```
#4d0357
```
#4d0357 rgb(77,3,87)
```
#5e036a
```
#5e036a rgb(94,3,106)
```
#6f047d
```
#6f047d rgb(111,4,125)
```
#800490
```
#800490 rgb(128,4,144)
```
#9105a3
```
#9105a3 rgb(145,5,163)
```
#a205b6
```
#a205b6 rgb(162,5,182)
```
#b306c9
```
#b306c9 rgb(179,6,201)
```
#c407dc
```
#c407dc rgb(196,7,220)
```
#d507ef
```
#d507ef rgb(213,7,239)
```

Shade Color Variation

#de12f8
```
#de12f8 rgb(222,18,248)
```
#e125f8
```
#e125f8 rgb(225,37,248)
```
#e338f9
```
#e338f9 rgb(227,56,249)
```
#e64bfa
```
#e64bfa rgb(230,75,250)
```
#e95efa
```
#e95efa rgb(233,94,250)
```
#eb71fb
```
#eb71fb rgb(235,113,251)
```
#ee84fb
```
#ee84fb rgb(238,132,251)
```
#f197fc
```
#f197fc rgb(241,151,252)
```
#f3aafc
```
#f3aafc rgb(243,170,252)
```
#f6bdfd
```
#f6bdfd rgb(246,189,253)
```
#f9d0fe
```
#f9d0fe rgb(249,208,254)
```
#fbe3fe
```
#fbe3fe rgb(251,227,254)
```
#fef6ff
```
#fef6ff rgb(254,246,255)
```

Tint Color Variation

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

#696669
```
#696669 rgb(105,102,105)
```
#6f5e71
```
#6f5e71 rgb(111,94,113)
```
#755679
```
#755679 rgb(117,86,121)
```
#7c4e81
```
#7c4e81 rgb(124,78,129)
```
#824689
```
#824689 rgb(130,70,137)
```
#883e91
```
#883e91 rgb(136,62,145)
```
#8e3699
```
#8e3699 rgb(142,54,153)
```
#942ea1
```
#942ea1 rgb(148,46,161)
```
#9a26a9
```
#9a26a9 rgb(154,38,169)
```
#a11eb1
```
#a11eb1 rgb(161,30,177)
```
#a716b9
```
#a716b9 rgb(167,22,185)
```
#ad0ec1
```
#ad0ec1 rgb(173,14,193)
```
#b306c9
```
#b306c9 rgb(179,6,201)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#644168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#2e71b8 Deuteranopia 1% of men
#a7575d Tritanopia 0.001% of the population

Trichromacy

#4147d0 Protanomaly 1% of men, 0.01% of women
#5e4abe Deuteranomaly 6% of men, 0.4% of women
#ab3a84 Tritanomaly 0.01% of the population

#b306c9 hex color

#b306c9 Color Information

#b306c9 Color Conversion

Color Schemes with #b306c9

Alternatives to #b306c9

#b306c9 Preview

Shades and Tints of #b306c9

Tones of #b306c9

Color Blindness Simulator