#b306dc hex color

In a RGB color space, hex #b306dc is composed of 70.2% red, 2.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 97.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 288.5 degrees, a saturation of 94.7% and a lightness of 44.3%. #b306dc color hex could be obtained by blending #ff0cff with #6700b9. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 70
- G 2
- B 86
RGB color chart
- C 19
- M 97
- Y 0
- K 14
CMYK color chart

● #b306dc color description : Vivid magenta.

The hexadecimal color #b306dc has RGB values of R:179, G:6, B:220 and CMYK values of C:0.19, M:0.97, Y:0, K:0.14. Its decimal value is 11732700.

Hex triplet	b306dc	`#b306dc`
RGB Decimal	179, 6, 220	`rgb(179,6,220)`
RGB Percent	70.2, 2.4, 86.3	`rgb(70.2%,2.4%,86.3%)`
CMYK	19, 97, 0, 14
HSL	288.5°, 94.7, 44.3	`hsl(288.5,94.7%,44.3%)`
HSV (or HSB)	288.5°, 97.3, 86.3
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.473, 81.308, -65.73
XYZ	31.572, 14.883, 68.916
xyY	0.274, 0.129, 14.883
CIE-LCH	45.473, 104.554, 321.048
CIE-LUV	45.473, 44.794, -105.306
Hunter-Lab	38.578, 78.572, -78.911
Binary	10110011, 00000110, 11011100

#b306dc
```
#b306dc rgb(179,6,220)
```
#2fdc06
```
#2fdc06 rgb(47,220,6)
```

Complementary Color

#4806dc
```
#4806dc rgb(72,6,220)
```
#b306dc
```
#b306dc rgb(179,6,220)
```
#dc069a
```
#dc069a rgb(220,6,154)
```

Analogous Color

#06dc48
```
#06dc48 rgb(6,220,72)
```
#b306dc
```
#b306dc rgb(179,6,220)
```
#9adc06
```
#9adc06 rgb(154,220,6)
```

Split Complementary Color

#06dcb3
```
#06dcb3 rgb(6,220,179)
```
#b306dc
```
#b306dc rgb(179,6,220)
```
#dcb306
```
#dcb306 rgb(220,179,6)
```

Triadic Color

#062fdc
```
#062fdc rgb(6,47,220)
```
#b306dc
```
#b306dc rgb(179,6,220)
```
#dcb306
```
#dcb306 rgb(220,179,6)
```
#2fdc06
```
#2fdc06 rgb(47,220,6)
```

Tetradic Color

#760492
```
#760492 rgb(118,4,146)
```
#8b05aa
```
#8b05aa rgb(139,5,170)
```
#9f05c3
```
#9f05c3 rgb(159,5,195)
```
#b306dc
```
#b306dc rgb(179,6,220)
```
#c707f5
```
#c707f5 rgb(199,7,245)
```
#cf1cf9
```
#cf1cf9 rgb(207,28,249)
```
#d435f9
```
#d435f9 rgb(212,53,249)
```

Monochromatic Color

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

#7e06dc
```
#7e06dc rgb(126,6,220)
```
#8f06dc
```
#8f06dc rgb(143,6,220)
```
#a106dc
```
#a106dc rgb(161,6,220)
```
#b306dc
```
#b306dc rgb(179,6,220)
```
#c506dc
```
#c506dc rgb(197,6,220)
```
#d706dc
```
#d706dc rgb(215,6,220)
```
#dc06d0
```
#dc06d0 rgb(220,6,208)
```

Similar Colors

Text with hexadecimal color #b306dc

This text has a font color of #b306dc.

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

#b306dc background color

This paragraph has a background color of #b306dc.

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

#b306dc border color

This element has a border color of #b306dc.

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

CSS codes

.text {color:#b306dc;}

.background {background-color:#b306dc;}

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

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, #08000a is the darkest color, while #fdf6ff is the lightest one.

#08000a
```
#08000a rgb(8,0,10)
```
#18011d
```
#18011d rgb(24,1,29)
```
#270130
```
#270130 rgb(39,1,48)
```
#370243
```
#370243 rgb(55,2,67)
```
#460256
```
#460256 rgb(70,2,86)
```
#560369
```
#560369 rgb(86,3,105)
```
#65037d
```
#65037d rgb(101,3,125)
```
#750490
```
#750490 rgb(117,4,144)
```
#8404a3
```
#8404a3 rgb(132,4,163)
```
#9405b6
```
#9405b6 rgb(148,5,182)
```
#a305c9
```
#a305c9 rgb(163,5,201)
```
#b306dc
```
#b306dc rgb(179,6,220)
```
#c307ef
```
#c307ef rgb(195,7,239)
```

Shade Color Variation

#cc11f9
```
#cc11f9 rgb(204,17,249)
```
#d024f9
```
#d024f9 rgb(208,36,249)
```
#d437fa
```
#d437fa rgb(212,55,250)
```
#d84afa
```
#d84afa rgb(216,74,250)
```
#dc5dfb
```
#dc5dfb rgb(220,93,251)
```
#e070fb
```
#e070fb rgb(224,112,251)
```
#e583fc
```
#e583fc rgb(229,131,252)
```
#e996fc
```
#e996fc rgb(233,150,252)
```
#eda9fd
```
#eda9fd rgb(237,169,253)
```
#f1bdfd
```
#f1bdfd rgb(241,189,253)
```
#f5d0fe
```
#f5d0fe rgb(245,208,254)
```
#f9e3fe
```
#f9e3fe rgb(249,227,254)
```
#fdf6ff
```
#fdf6ff rgb(253,246,255)
```

Tint Color Variation

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

#736e74
```
#736e74 rgb(115,110,116)
```
#78667c
```
#78667c rgb(120,102,124)
```
#7d5d85
```
#7d5d85 rgb(125,93,133)
```
#83548e
```
#83548e rgb(131,84,142)
```
#884c96
```
#884c96 rgb(136,76,150)
```
#8d439f
```
#8d439f rgb(141,67,159)
```
#933aa8
```
#933aa8 rgb(147,58,168)
```
#9831b1
```
#9831b1 rgb(152,49,177)
```
#9e29b9
```
#9e29b9 rgb(158,41,185)
```
#a320c2
```
#a320c2 rgb(163,32,194)
```
#a817cb
```
#a817cb rgb(168,23,203)
```
#ae0fd3
```
#ae0fd3 rgb(174,15,211)
```
#b306dc
```
#b306dc rgb(179,6,220)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#65436e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070d9 Protanopia 1% of men
#0075c2 Deuteranopia 1% of men
#a35f65 Tritanopia 0.001% of the population

Trichromacy

#4149da Protanomaly 1% of men, 0.01% of women
#414ccb Deuteranomaly 6% of men, 0.4% of women
#a93e90 Tritanomaly 0.01% of the population

#b306dc hex color

#b306dc Color Information

#b306dc Color Conversion

Color Schemes with #b306dc

Alternatives to #b306dc

#b306dc Preview

Shades and Tints of #b306dc

Tones of #b306dc

Color Blindness Simulator