colorhexa.com

#b306ea hex color

In a RGB color space, hex #b306ea is composed of 70.2% red, 2.4% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 97.4% magenta, 0% yellow and 8.2% black. It has a hue angle of 285.5 degrees, a saturation of 95% and a lightness of 47.1%. #b306ea color hex could be obtained by blending #ff0cff with #6700d5. Closest websafe color is: #cc00ff.

- R 70
- G 2
- B 92
RGB color chart
- C 24
- M 97
- Y 0
- K 8
CMYK color chart

● #b306ea color description : Vivid magenta.

The hexadecimal color #b306ea has RGB values of R:179, G:6, B:234 and CMYK values of C:0.24, M:0.97, Y:0, K:0.08. Its decimal value is 11732714.

Hex triplet	b306ea	`#b306ea`
RGB Decimal	179, 6, 234	`rgb(179,6,234)`
RGB Percent	70.2, 2.4, 91.8	`rgb(70.2%,2.4%,91.8%)`
CMYK	24, 97, 0, 8
HSL	285.5°, 95, 47.1	`hsl(285.5,95%,47.1%)`
HSV (or HSB)	285.5°, 97.4, 91.8
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	46.52, 83.724, -71.995
XYZ	33.505, 15.656, 79.094
xyY	0.261, 0.122, 15.656
CIE-LCH	46.52, 110.421, 319.308
CIE-LUV	46.52, 40.65, -114.702
Hunter-Lab	39.567, 81.907, -90.822
Binary	10110011, 00000110, 11101010

#b306ea
```
#b306ea rgb(179,6,234)
```
#3dea06
```
#3dea06 rgb(61,234,6)
```

Complementary Color

#4106ea
```
#4106ea rgb(65,6,234)
```
#b306ea
```
#b306ea rgb(179,6,234)
```
#ea06af
```
#ea06af rgb(234,6,175)
```

Analogous Color

#06ea41
```
#06ea41 rgb(6,234,65)
```
#b306ea
```
#b306ea rgb(179,6,234)
```
#afea06
```
#afea06 rgb(175,234,6)
```

Split Complementary Color

#06eab3
```
#06eab3 rgb(6,234,179)
```
#b306ea
```
#b306ea rgb(179,6,234)
```
#eab306
```
#eab306 rgb(234,179,6)
```

Triadic Color

#7a049f
```
#7a049f rgb(122,4,159)
```
#8d05b8
```
#8d05b8 rgb(141,5,184)
```
#a005d1
```
#a005d1 rgb(160,5,209)
```
#b306ea
```
#b306ea rgb(179,6,234)
```
#c111f9
```
#c111f9 rgb(193,17,249)
```
#c729fa
```
#c729fa rgb(199,41,250)
```
#ce42fa
```
#ce42fa rgb(206,66,250)
```

Monochromatic Color

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

#7a06ea
```
#7a06ea rgb(122,6,234)
```
#8d06ea
```
#8d06ea rgb(141,6,234)
```
#a006ea
```
#a006ea rgb(160,6,234)
```
#b306ea
```
#b306ea rgb(179,6,234)
```
#c606ea
```
#c606ea rgb(198,6,234)
```
#d906ea
```
#d906ea rgb(217,6,234)
```
#ea06e8
```
#ea06e8 rgb(234,6,232)
```

Similar Colors

Text with hexadecimal color #b306ea

This text has a font color of #b306ea.

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

#b306ea background color

This paragraph has a background color of #b306ea.

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

#b306ea border color

This element has a border color of #b306ea.

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

CSS codes

.text {color:#b306ea;}

.background {background-color:#b306ea;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#120118
```
#120118 rgb(18,1,24)
```
#21012b
```
#21012b rgb(33,1,43)
```
#2f023e
```
#2f023e rgb(47,2,62)
```
#3e0251
```
#3e0251 rgb(62,2,81)
```
#4d0364
```
#4d0364 rgb(77,3,100)
```
#5b0377
```
#5b0377 rgb(91,3,119)
```
#6a048a
```
#6a048a rgb(106,4,138)
```
#78049e
```
#78049e rgb(120,4,158)
```
#8705b1
```
#8705b1 rgb(135,5,177)
```
#9605c4
```
#9605c4 rgb(150,5,196)
```
#a406d7
```
#a406d7 rgb(164,6,215)
```
#b306ea
```
#b306ea rgb(179,6,234)
```

Shade Color Variation

#bf0bf9
```
#bf0bf9 rgb(191,11,249)
```
#c41ef9
```
#c41ef9 rgb(196,30,249)
```
#c931fa
```
#c931fa rgb(201,49,250)
```
#ce44fa
```
#ce44fa rgb(206,68,250)
```
#d357fb
```
#d357fb rgb(211,87,251)
```
#d86bfb
```
#d86bfb rgb(216,107,251)
```
#dd7efc
```
#dd7efc rgb(221,126,252)
```
#e291fc
```
#e291fc rgb(226,145,252)
```
#e7a4fd
```
#e7a4fd rgb(231,164,253)
```
#ecb7fd
```
#ecb7fd rgb(236,183,253)
```
#f1cafe
```
#f1cafe rgb(241,202,254)
```
#f6ddfe
```
#f6ddfe rgb(246,221,254)
```
#fbf0ff
```
#fbf0ff rgb(251,240,255)
```

Tint Color Variation

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

#7a757b
```
#7a757b rgb(122,117,123)
```
#7e6c84
```
#7e6c84 rgb(126,108,132)
```
#83628e
```
#83628e rgb(131,98,142)
```
#885997
```
#885997 rgb(136,89,151)
```
#8d50a0
```
#8d50a0 rgb(141,80,160)
```
#9247a9
```
#9247a9 rgb(146,71,169)
```
#963db3
```
#963db3 rgb(150,61,179)
```
#9b34bc
```
#9b34bc rgb(155,52,188)
```
#a02bc5
```
#a02bc5 rgb(160,43,197)
```
#a522ce
```
#a522ce rgb(165,34,206)
```
#a918d8
```
#a918d8 rgb(169,24,216)
```
#ae0fe1
```
#ae0fe1 rgb(174,15,225)
```
#b306ea
```
#b306ea rgb(179,6,234)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#674472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#0078c5 Deuteranopia 1% of men
#a0656b Tritanopia 0.001% of the population

Trichromacy

#414be2 Protanomaly 1% of men, 0.01% of women
#414ed2 Deuteranomaly 6% of men, 0.4% of women
#a74299 Tritanomaly 0.01% of the population