#b306de hex color

In a RGB color space, hex #b306de is composed of 70.2% red, 2.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 97.3% magenta, 0% yellow and 12.9% black. It has a hue angle of 288.1 degrees, a saturation of 94.7% and a lightness of 44.7%. #b306de color hex could be obtained by blending #ff0cff with #6700bd. Closest websafe color is: #cc00cc.

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

● #b306de color description : Vivid magenta.

The hexadecimal color #b306de has RGB values of R:179, G:6, B:222 and CMYK values of C:0.19, M:0.97, Y:0, K:0.13. Its decimal value is 11732702.

Hex triplet	b306de	`#b306de`
RGB Decimal	179, 6, 222	`rgb(179,6,222)`
RGB Percent	70.2, 2.4, 87.1	`rgb(70.2%,2.4%,87.1%)`
CMYK	19, 97, 0, 13
HSL	288.1°, 94.7, 44.7	`hsl(288.1,94.7%,44.7%)`
HSV (or HSB)	288.1°, 97.3, 87.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.62, 81.649, -66.635
XYZ	31.839, 14.989, 70.319
xyY	0.272, 0.128, 14.989
CIE-LCH	45.62, 105.389, 320.781
CIE-LUV	45.62, 44.181, -106.664
Hunter-Lab	38.716, 79.039, -80.586
Binary	10110011, 00000110, 11011110

#b306de
```
#b306de rgb(179,6,222)
```
#31de06
```
#31de06 rgb(49,222,6)
```

Complementary Color

#4706de
```
#4706de rgb(71,6,222)
```
#b306de
```
#b306de rgb(179,6,222)
```
#de069d
```
#de069d rgb(222,6,157)
```

Analogous Color

#06de47
```
#06de47 rgb(6,222,71)
```
#b306de
```
#b306de rgb(179,6,222)
```
#9dde06
```
#9dde06 rgb(157,222,6)
```

Split Complementary Color

#06deb3
```
#06deb3 rgb(6,222,179)
```
#b306de
```
#b306de rgb(179,6,222)
```
#deb306
```
#deb306 rgb(222,179,6)
```

Triadic Color

#0631de
```
#0631de rgb(6,49,222)
```
#b306de
```
#b306de rgb(179,6,222)
```
#deb306
```
#deb306 rgb(222,179,6)
```
#31de06
```
#31de06 rgb(49,222,6)
```

Tetradic Color

#770494
```
#770494 rgb(119,4,148)
```
#8b05ac
```
#8b05ac rgb(139,5,172)
```
#9f05c5
```
#9f05c5 rgb(159,5,197)
```
#b306de
```
#b306de rgb(179,6,222)
```
#c707f7
```
#c707f7 rgb(199,7,247)
```
#cd1ef9
```
#cd1ef9 rgb(205,30,249)
```
#d337fa
```
#d337fa rgb(211,55,250)
```

Monochromatic Color

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

#7d06de
```
#7d06de rgb(125,6,222)
```
#8f06de
```
#8f06de rgb(143,6,222)
```
#a106de
```
#a106de rgb(161,6,222)
```
#b306de
```
#b306de rgb(179,6,222)
```
#c506de
```
#c506de rgb(197,6,222)
```
#d706de
```
#d706de rgb(215,6,222)
```
#de06d3
```
#de06d3 rgb(222,6,211)
```

Similar Colors

Text with hexadecimal color #b306de

This text has a font color of #b306de.

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

#b306de background color

This paragraph has a background color of #b306de.

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

#b306de border color

This element has a border color of #b306de.

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

CSS codes

.text {color:#b306de;}

.background {background-color:#b306de;}

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

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

#0a000c
```
#0a000c rgb(10,0,12)
```
#19011f
```
#19011f rgb(25,1,31)
```
#280132
```
#280132 rgb(40,1,50)
```
#380245
```
#380245 rgb(56,2,69)
```
#470258
```
#470258 rgb(71,2,88)
```
#57036b
```
#57036b rgb(87,3,107)
```
#66037f
```
#66037f rgb(102,3,127)
```
#750492
```
#750492 rgb(117,4,146)
```
#8504a5
```
#8504a5 rgb(133,4,165)
```
#9405b8
```
#9405b8 rgb(148,5,184)
```
#a405cb
```
#a405cb rgb(164,5,203)
```
#b306de
```
#b306de rgb(179,6,222)
```
#c207f1
```
#c207f1 rgb(194,7,241)
```

Shade Color Variation

#cb13f9
```
#cb13f9 rgb(203,19,249)
```
#cf26f9
```
#cf26f9 rgb(207,38,249)
```
#d339fa
```
#d339fa rgb(211,57,250)
```
#d74cfa
```
#d74cfa rgb(215,76,250)
```
#dc5ffb
```
#dc5ffb rgb(220,95,251)
```
#e072fb
```
#e072fb rgb(224,114,251)
```
#e485fc
```
#e485fc rgb(228,133,252)
```
#e898fc
```
#e898fc rgb(232,152,252)
```
#edabfd
```
#edabfd rgb(237,171,253)
```
#f1bffd
```
#f1bffd rgb(241,191,253)
```
#f5d2fe
```
#f5d2fe rgb(245,210,254)
```
#f9e5fe
```
#f9e5fe rgb(249,229,254)
```
#fdf8ff
```
#fdf8ff rgb(253,248,255)
```

Tint Color Variation

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

#746f75
```
#746f75 rgb(116,111,117)
```
#79667e
```
#79667e rgb(121,102,126)
```
#7e5e86
```
#7e5e86 rgb(126,94,134)
```
#84558f
```
#84558f rgb(132,85,143)
```
#894c98
```
#894c98 rgb(137,76,152)
```
#8e43a1
```
#8e43a1 rgb(142,67,161)
```
#933ba9
```
#933ba9 rgb(147,59,169)
```
#9932b2
```
#9932b2 rgb(153,50,178)
```
#9e29bb
```
#9e29bb rgb(158,41,187)
```
#a320c4
```
#a320c4 rgb(163,32,196)
```
#a818cc
```
#a818cc rgb(168,24,204)
```
#ae0fd5
```
#ae0fd5 rgb(174,15,213)
```
#b306de
```
#b306de rgb(179,6,222)
```

Tone Color Variation

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

#0070da Protanopia 1% of men
#0075c2 Deuteranopia 1% of men
#a36066 Tritanopia 0.001% of the population

Trichromacy

#4149db Protanomaly 1% of men, 0.01% of women
#414dcc Deuteranomaly 6% of men, 0.4% of women
#a83f92 Tritanomaly 0.01% of the population

#b306de hex color

#b306de Color Information

#b306de Color Conversion

Color Schemes with #b306de

Alternatives to #b306de

#b306de Preview

Shades and Tints of #b306de

Tones of #b306de

Color Blindness Simulator