colorhexa.com

#b306d9 hex color

In a RGB color space, hex #b306d9 is composed of 70.2% red, 2.4% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 97.2% magenta, 0% yellow and 14.9% black. It has a hue angle of 289.2 degrees, a saturation of 94.6% and a lightness of 43.7%. #b306d9 color hex could be obtained by blending #ff0cff with #6700b3. Closest websafe color is: #cc00cc.

- R 70
- G 2
- B 85
RGB color chart
- C 18
- M 97
- Y 0
- K 15
CMYK color chart

● #b306d9 color description : Vivid magenta.

The hexadecimal color #b306d9 has RGB values of R:179, G:6, B:217 and CMYK values of C:0.18, M:0.97, Y:0, K:0.15. Its decimal value is 11732697.

Hex triplet	b306d9	`#b306d9`
RGB Decimal	179, 6, 217	`rgb(179,6,217)`
RGB Percent	70.2, 2.4, 85.1	`rgb(70.2%,2.4%,85.1%)`
CMYK	18, 97, 0, 15
HSL	289.2°, 94.6, 43.7	`hsl(289.2,94.6%,43.7%)`
HSV (or HSB)	289.2°, 97.2, 85.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.256, 80.801, -64.365
XYZ	31.178, 14.725, 66.842
xyY	0.277, 0.131, 14.725
CIE-LCH	45.256, 103.303, 321.46
CIE-LUV	45.256, 45.725, -103.258
Hunter-Lab	38.373, 77.878, -76.414
Binary	10110011, 00000110, 11011001

#b306d9
```
#b306d9 rgb(179,6,217)
```
#2cd906
```
#2cd906 rgb(44,217,6)
```

Complementary Color

#4a06d9
```
#4a06d9 rgb(74,6,217)
```
#b306d9
```
#b306d9 rgb(179,6,217)
```
#d90696
```
#d90696 rgb(217,6,150)
```

Analogous Color

#06d949
```
#06d949 rgb(6,217,73)
```
#b306d9
```
#b306d9 rgb(179,6,217)
```
#96d906
```
#96d906 rgb(150,217,6)
```

Split Complementary Color

#06d9b3
```
#06d9b3 rgb(6,217,179)
```
#b306d9
```
#b306d9 rgb(179,6,217)
```
#d9b306
```
#d9b306 rgb(217,179,6)
```

Triadic Color

#76048f
```
#76048f rgb(118,4,143)
```
#8a05a7
```
#8a05a7 rgb(138,5,167)
```
#9f05c0
```
#9f05c0 rgb(159,5,192)
```
#b306d9
```
#b306d9 rgb(179,6,217)
```
#c707f2
```
#c707f2 rgb(199,7,242)
```
#d019f9
```
#d019f9 rgb(208,25,249)
```
#d532f9
```
#d532f9 rgb(213,50,249)
```

Monochromatic Color

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

#7e06d9
```
#7e06d9 rgb(126,6,217)
```
#9006d9
```
#9006d9 rgb(144,6,217)
```
#a106d9
```
#a106d9 rgb(161,6,217)
```
#b306d9
```
#b306d9 rgb(179,6,217)
```
#c506d9
```
#c506d9 rgb(197,6,217)
```
#d606d9
```
#d606d9 rgb(214,6,217)
```
#d906ca
```
#d906ca rgb(217,6,202)
```

Similar Colors

Text with hexadecimal color #b306d9

This text has a font color of #b306d9.

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

#b306d9 background color

This paragraph has a background color of #b306d9.

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

#b306d9 border color

This element has a border color of #b306d9.

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

CSS codes

.text {color:#b306d9;}

.background {background-color:#b306d9;}

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

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

#060007
```
#060007 rgb(6,0,7)
```
#16011a
```
#16011a rgb(22,1,26)
```
#25012d
```
#25012d rgb(37,1,45)
```
#350240
```
#350240 rgb(53,2,64)
```
#450253
```
#450253 rgb(69,2,83)
```
#550366
```
#550366 rgb(85,3,102)
```
#64037a
```
#64037a rgb(100,3,122)
```
#74048d
```
#74048d rgb(116,4,141)
```
#8404a0
```
#8404a0 rgb(132,4,160)
```
#9405b3
```
#9405b3 rgb(148,5,179)
```
#a305c6
```
#a305c6 rgb(163,5,198)
```
#b306d9
```
#b306d9 rgb(179,6,217)
```
#c307ec
```
#c307ec rgb(195,7,236)
```

Shade Color Variation

#ce0ef8
```
#ce0ef8 rgb(206,14,248)
```
#d221f9
```
#d221f9 rgb(210,33,249)
```
#d634f9
```
#d634f9 rgb(214,52,249)
```
#da47fa
```
#da47fa rgb(218,71,250)
```
#de5afa
```
#de5afa rgb(222,90,250)
```
#e16dfb
```
#e16dfb rgb(225,109,251)
```
#e580fc
```
#e580fc rgb(229,128,252)
```
#e994fc
```
#e994fc rgb(233,148,252)
```
#eda7fd
```
#eda7fd rgb(237,167,253)
```
#f1bafd
```
#f1bafd rgb(241,186,253)
```
#f5cdfe
```
#f5cdfe rgb(245,205,254)
```
#f9e0fe
```
#f9e0fe rgb(249,224,254)
```
#fdf3ff
```
#fdf3ff rgb(253,243,255)
```

Tint Color Variation

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

#716d72
```
#716d72 rgb(113,109,114)
```
#77647b
```
#77647b rgb(119,100,123)
```
#7c5c83
```
#7c5c83 rgb(124,92,131)
```
#82538c
```
#82538c rgb(130,83,140)
```
#874b94
```
#874b94 rgb(135,75,148)
```
#8d429d
```
#8d429d rgb(141,66,157)
```
#9239a6
```
#9239a6 rgb(146,57,166)
```
#9831ae
```
#9831ae rgb(152,49,174)
```
#9d28b7
```
#9d28b7 rgb(157,40,183)
```
#a320bf
```
#a320bf rgb(163,32,191)
```
#a817c8
```
#a817c8 rgb(168,23,200)
```
#ae0fd0
```
#ae0fd0 rgb(174,15,208)
```
#b306d9
```
#b306d9 rgb(179,6,217)
```

Tone Color Variation

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

#006fd9 Protanopia 1% of men
#0074c2 Deuteranopia 1% of men
#a45e64 Tritanopia 0.001% of the population

Trichromacy

#4149d9 Protanomaly 1% of men, 0.01% of women
#414cca Deuteranomaly 6% of men, 0.4% of women
#a93e8e Tritanomaly 0.01% of the population