#b306ed hex color

In a RGB color space, hex #b306ed is composed of 70.2% red, 2.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 24.5% cyan, 97.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 284.9 degrees, a saturation of 95.1% and a lightness of 47.6%. #b306ed color hex could be obtained by blending #ff0cff with #6700db. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 70
- G 2
- B 93
RGB color chart
- C 24
- M 97
- Y 0
- K 7
CMYK color chart

● #b306ed color description : Vivid violet.

The hexadecimal color #b306ed has RGB values of R:179, G:6, B:237 and CMYK values of C:0.24, M:0.97, Y:0, K:0.07. Its decimal value is 11732717.

Hex triplet	b306ed	`#b306ed`
RGB Decimal	179, 6, 237	`rgb(179,6,237)`
RGB Percent	70.2, 2.4, 92.9	`rgb(70.2%,2.4%,92.9%)`
CMYK	24, 97, 0, 7
HSL	284.9°, 95.1, 47.6	`hsl(284.9,95.1%,47.6%)`
HSV (or HSB)	284.9°, 97.5, 92.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	46.75, 84.251, -73.315
XYZ	33.94, 15.83, 81.384
xyY	0.259, 0.121, 15.83
CIE-LCH	46.75, 111.684, 318.97
CIE-LUV	46.75, 39.805, -116.682
Hunter-Lab	39.787, 82.642, -93.428
Binary	10110011, 00000110, 11101101

#b306ed
```
#b306ed rgb(179,6,237)
```
#40ed06
```
#40ed06 rgb(64,237,6)
```

Complementary Color

#3f06ed
```
#3f06ed rgb(63,6,237)
```
#b306ed
```
#b306ed rgb(179,6,237)
```
#ed06b4
```
#ed06b4 rgb(237,6,180)
```

Analogous Color

#06ed3f
```
#06ed3f rgb(6,237,63)
```
#b306ed
```
#b306ed rgb(179,6,237)
```
#b4ed06
```
#b4ed06 rgb(180,237,6)
```

Split Complementary Color

#06edb3
```
#06edb3 rgb(6,237,179)
```
#b306ed
```
#b306ed rgb(179,6,237)
```
#edb306
```
#edb306 rgb(237,179,6)
```

Triadic Color

#0640ed
```
#0640ed rgb(6,64,237)
```
#b306ed
```
#b306ed rgb(179,6,237)
```
#edb306
```
#edb306 rgb(237,179,6)
```
#40ed06
```
#40ed06 rgb(64,237,6)
```

Tetradic Color

#7b04a2
```
#7b04a2 rgb(123,4,162)
```
#8d05bb
```
#8d05bb rgb(141,5,187)
```
#a005d4
```
#a005d4 rgb(160,5,212)
```
#b306ed
```
#b306ed rgb(179,6,237)
```
#bf13f9
```
#bf13f9 rgb(191,19,249)
```
#c62cfa
```
#c62cfa rgb(198,44,250)
```
#cd45fa
```
#cd45fa rgb(205,69,250)
```

Monochromatic Color

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

#7906ed
```
#7906ed rgb(121,6,237)
```
#8d06ed
```
#8d06ed rgb(141,6,237)
```
#a006ed
```
#a006ed rgb(160,6,237)
```
#b306ed
```
#b306ed rgb(179,6,237)
```
#c606ed
```
#c606ed rgb(198,6,237)
```
#da06ed
```
#da06ed rgb(218,6,237)
```
#ed06ed
```
#ed06ed rgb(237,6,237)
```

Similar Colors

Text with hexadecimal color #b306ed

This text has a font color of #b306ed.

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

#b306ed background color

This paragraph has a background color of #b306ed.

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

#b306ed border color

This element has a border color of #b306ed.

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

CSS codes

.text {color:#b306ed;}

.background {background-color:#b306ed;}

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

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 #fcf3ff is the lightest one.

#060007
```
#060007 rgb(6,0,7)
```
#14011b
```
#14011b rgb(20,1,27)
```
#23012e
```
#23012e rgb(35,1,46)
```
#310241
```
#310241 rgb(49,2,65)
```
#3f0254
```
#3f0254 rgb(63,2,84)
```
#4e0367
```
#4e0367 rgb(78,3,103)
```
#5c037a
```
#5c037a rgb(92,3,122)
```
#6b048d
```
#6b048d rgb(107,4,141)
```
#7904a0
```
#7904a0 rgb(121,4,160)
```
#8805b4
```
#8805b4 rgb(136,5,180)
```
#9605c7
```
#9605c7 rgb(150,5,199)
```
#a506da
```
#a506da rgb(165,6,218)
```
#b306ed
```
#b306ed rgb(179,6,237)
```

Shade Color Variation

#be0ef9
```
#be0ef9 rgb(190,14,249)
```
#c321f9
```
#c321f9 rgb(195,33,249)
```
#c834fa
```
#c834fa rgb(200,52,250)
```
#cd47fa
```
#cd47fa rgb(205,71,250)
```
#d35afb
```
#d35afb rgb(211,90,251)
```
#d86dfb
```
#d86dfb rgb(216,109,251)
```
#dd81fc
```
#dd81fc rgb(221,129,252)
```
#e294fc
```
#e294fc rgb(226,148,252)
```
#e7a7fd
```
#e7a7fd rgb(231,167,253)
```
#ecbafd
```
#ecbafd rgb(236,186,253)
```
#f2cdfe
```
#f2cdfe rgb(242,205,254)
```
#f7e0fe
```
#f7e0fe rgb(247,224,254)
```
#fcf3ff
```
#fcf3ff rgb(252,243,255)
```

Tint Color Variation

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

#7b767d
```
#7b767d rgb(123,118,125)
```
#806d86
```
#806d86 rgb(128,109,134)
```
#846390
```
#846390 rgb(132,99,144)
```
#895a99
```
#895a99 rgb(137,90,153)
```
#8e51a2
```
#8e51a2 rgb(142,81,162)
```
#9247ac
```
#9247ac rgb(146,71,172)
```
#973eb5
```
#973eb5 rgb(151,62,181)
```
#9c35be
```
#9c35be rgb(156,53,190)
```
#a02bc8
```
#a02bc8 rgb(160,43,200)
```
#a522d1
```
#a522d1 rgb(165,34,209)
```
#aa19da
```
#aa19da rgb(170,25,218)
```
#ae0fe4
```
#ae0fe4 rgb(174,15,228)
```
#b306ed
```
#b306ed rgb(179,6,237)
```

Tone Color Variation

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

Dichromacy

#0072df Protanopia 1% of men
#0078c6 Deuteranopia 1% of men
#9f666d Tritanopia 0.001% of the population

Trichromacy

#414be4 Protanomaly 1% of men, 0.01% of women
#414fd4 Deuteranomaly 6% of men, 0.4% of women
#a6439b Tritanomaly 0.01% of the population

#b306ed hex color

#b306ed Color Information

#b306ed Color Conversion

Color Schemes with #b306ed

Alternatives to #b306ed

#b306ed Preview

Shades and Tints of #b306ed

Tones of #b306ed

Color Blindness Simulator