#b306d8 hex color

In a RGB color space, hex #b306d8 is composed of 70.2% red, 2.4% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 97.2% magenta, 0% yellow and 15.3% black. It has a hue angle of 289.4 degrees, a saturation of 94.6% and a lightness of 43.5%. #b306d8 color hex could be obtained by blending #ff0cff with #6700b1. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 70
- G 2
- B 85
RGB color chart
- C 17
- M 97
- Y 0
- K 15
CMYK color chart

● #b306d8 color description : Strong magenta.

The hexadecimal color #b306d8 has RGB values of R:179, G:6, B:216 and CMYK values of C:0.17, M:0.97, Y:0, K:0.15. Its decimal value is 11732696.

Hex triplet	b306d8	`#b306d8`
RGB Decimal	179, 6, 216	`rgb(179,6,216)`
RGB Percent	70.2, 2.4, 84.7	`rgb(70.2%,2.4%,84.7%)`
CMYK	17, 97, 0, 15
HSL	289.4°, 94.6, 43.5	`hsl(289.4,94.6%,43.5%)`
HSV (or HSB)	289.4°, 97.2, 84.7
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.184, 80.632, -63.908
XYZ	31.049, 14.673, 66.159
xyY	0.278, 0.131, 14.673
CIE-LCH	45.184, 102.887, 321.6
CIE-LUV	45.184, 46.039, -102.572
Hunter-Lab	38.306, 77.648, -75.587
Binary	10110011, 00000110, 11011000

#b306d8
```
#b306d8 rgb(179,6,216)
```
#2bd806
```
#2bd806 rgb(43,216,6)
```

Complementary Color

#4a06d8
```
#4a06d8 rgb(74,6,216)
```
#b306d8
```
#b306d8 rgb(179,6,216)
```
#d80694
```
#d80694 rgb(216,6,148)
```

Analogous Color

#06d84a
```
#06d84a rgb(6,216,74)
```
#b306d8
```
#b306d8 rgb(179,6,216)
```
#94d806
```
#94d806 rgb(148,216,6)
```

Split Complementary Color

#06d8b3
```
#06d8b3 rgb(6,216,179)
```
#b306d8
```
#b306d8 rgb(179,6,216)
```
#d8b306
```
#d8b306 rgb(216,179,6)
```

Triadic Color

#062bd8
```
#062bd8 rgb(6,43,216)
```
#b306d8
```
#b306d8 rgb(179,6,216)
```
#d8b306
```
#d8b306 rgb(216,179,6)
```
#2bd806
```
#2bd806 rgb(43,216,6)
```

Tetradic Color

#75048e
```
#75048e rgb(117,4,142)
```
#8a05a6
```
#8a05a6 rgb(138,5,166)
```
#9e05bf
```
#9e05bf rgb(158,5,191)
```
#b306d8
```
#b306d8 rgb(179,6,216)
```
#c807f1
```
#c807f1 rgb(200,7,241)
```
#d118f9
```
#d118f9 rgb(209,24,249)
```
#d631f9
```
#d631f9 rgb(214,49,249)
```

Monochromatic Color

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

#7f06d8
```
#7f06d8 rgb(127,6,216)
```
#9006d8
```
#9006d8 rgb(144,6,216)
```
#a206d8
```
#a206d8 rgb(162,6,216)
```
#b306d8
```
#b306d8 rgb(179,6,216)
```
#c506d8
```
#c506d8 rgb(197,6,216)
```
#d606d8
```
#d606d8 rgb(214,6,216)
```
#d806c9
```
#d806c9 rgb(216,6,201)
```

Similar Colors

Text with hexadecimal color #b306d8

This text has a font color of #b306d8.

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

#b306d8 background color

This paragraph has a background color of #b306d8.

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

#b306d8 border color

This element has a border color of #b306d8.

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

CSS codes

.text {color:#b306d8;}

.background {background-color:#b306d8;}

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

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

#050006
```
#050006 rgb(5,0,6)
```
#150119
```
#150119 rgb(21,1,25)
```
#25012c
```
#25012c rgb(37,1,44)
```
#34023f
```
#34023f rgb(52,2,63)
```
#440252
```
#440252 rgb(68,2,82)
```
#540365
```
#540365 rgb(84,3,101)
```
#640379
```
#640379 rgb(100,3,121)
```
#74048c
```
#74048c rgb(116,4,140)
```
#84049f
```
#84049f rgb(132,4,159)
```
#9305b2
```
#9305b2 rgb(147,5,178)
```
#a305c5
```
#a305c5 rgb(163,5,197)
```
#b306d8
```
#b306d8 rgb(179,6,216)
```
#c307eb
```
#c307eb rgb(195,7,235)
```

Shade Color Variation

#cf0df8
```
#cf0df8 rgb(207,13,248)
```
#d320f9
```
#d320f9 rgb(211,32,249)
```
#d633f9
```
#d633f9 rgb(214,51,249)
```
#da46fa
```
#da46fa rgb(218,70,250)
```
#de59fa
```
#de59fa rgb(222,89,250)
```
#e26cfb
```
#e26cfb rgb(226,108,251)
```
#e67ffb
```
#e67ffb rgb(230,127,251)
```
#e993fc
```
#e993fc rgb(233,147,252)
```
#eda6fd
```
#eda6fd rgb(237,166,253)
```
#f1b9fd
```
#f1b9fd rgb(241,185,253)
```
#f5ccfe
```
#f5ccfe rgb(245,204,254)
```
#f9dffe
```
#f9dffe rgb(249,223,254)
```
#fcf2ff
```
#fcf2ff rgb(252,242,255)
```

Tint Color Variation

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

#716c72
```
#716c72 rgb(113,108,114)
```
#76647a
```
#76647a rgb(118,100,122)
```
#7c5b83
```
#7c5b83 rgb(124,91,131)
```
#81538b
```
#81538b rgb(129,83,139)
```
#874a94
```
#874a94 rgb(135,74,148)
```
#8c429c
```
#8c429c rgb(140,66,156)
```
#9239a5
```
#9239a5 rgb(146,57,165)
```
#9731ad
```
#9731ad rgb(151,49,173)
```
#9d28b6
```
#9d28b6 rgb(157,40,182)
```
#a220be
```
#a220be rgb(162,32,190)
```
#a817c7
```
#a817c7 rgb(168,23,199)
```
#ad0fcf
```
#ad0fcf rgb(173,15,207)
```
#b306d8
```
#b306d8 rgb(179,6,216)
```

Tone Color Variation

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

Dichromacy

#006fd8 Protanopia 1% of men
#0074c1 Deuteranopia 1% of men
#a45d64 Tritanopia 0.001% of the population

Trichromacy

#4149d8 Protanomaly 1% of men, 0.01% of women
#414cc9 Deuteranomaly 6% of men, 0.4% of women
#a93d8e Tritanomaly 0.01% of the population

#b306d8 hex color

#b306d8 Color Information

#b306d8 Color Conversion

Color Schemes with #b306d8

Alternatives to #b306d8

#b306d8 Preview

Shades and Tints of #b306d8

Tones of #b306d8

Color Blindness Simulator