#b306f0 hex color

In a RGB color space, hex #b306f0 is composed of 70.2% red, 2.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 97.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 284.4 degrees, a saturation of 95.1% and a lightness of 48.2%. #b306f0 color hex could be obtained by blending #ff0cff with #6700e1. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 70
- G 2
- B 94
RGB color chart
- C 25
- M 98
- Y 0
- K 6
CMYK color chart

● #b306f0 color description : Vivid violet.

The hexadecimal color #b306f0 has RGB values of R:179, G:6, B:240 and CMYK values of C:0.25, M:0.98, Y:0, K:0.06. Its decimal value is 11732720.

Hex triplet	b306f0	`#b306f0`
RGB Decimal	179, 6, 240	`rgb(179,6,240)`
RGB Percent	70.2, 2.4, 94.1	`rgb(70.2%,2.4%,94.1%)`
CMYK	25, 98, 0, 6
HSL	284.4°, 95.1, 48.2	`hsl(284.4,95.1%,48.2%)`
HSV (or HSB)	284.4°, 97.5, 94.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	46.983, 84.781, -74.628
XYZ	34.382, 16.006, 83.712
xyY	0.256, 0.119, 16.006
CIE-LCH	46.983, 112.948, 318.644
CIE-LUV	46.983, 38.973, -118.65
Hunter-Lab	40.008, 83.383, -96.051
Binary	10110011, 00000110, 11110000

#b306f0
```
#b306f0 rgb(179,6,240)
```
#43f006
```
#43f006 rgb(67,240,6)
```

Complementary Color

#3e06f0
```
#3e06f0 rgb(62,6,240)
```
#b306f0
```
#b306f0 rgb(179,6,240)
```
#f006b8
```
#f006b8 rgb(240,6,184)
```

Analogous Color

#06f03e
```
#06f03e rgb(6,240,62)
```
#b306f0
```
#b306f0 rgb(179,6,240)
```
#b8f006
```
#b8f006 rgb(184,240,6)
```

Split Complementary Color

#06f0b3
```
#06f0b3 rgb(6,240,179)
```
#b306f0
```
#b306f0 rgb(179,6,240)
```
#f0b306
```
#f0b306 rgb(240,179,6)
```

Triadic Color

#0643f0
```
#0643f0 rgb(6,67,240)
```
#b306f0
```
#b306f0 rgb(179,6,240)
```
#f0b306
```
#f0b306 rgb(240,179,6)
```
#43f006
```
#43f006 rgb(67,240,6)
```

Tetradic Color

#7b04a5
```
#7b04a5 rgb(123,4,165)
```
#8e05be
```
#8e05be rgb(142,5,190)
```
#a005d7
```
#a005d7 rgb(160,5,215)
```
#b306f0
```
#b306f0 rgb(179,6,240)
```
#be16f9
```
#be16f9 rgb(190,22,249)
```
#c52ffa
```
#c52ffa rgb(197,47,250)
```
#cc48fa
```
#cc48fa rgb(204,72,250)
```

Monochromatic Color

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

#7906f0
```
#7906f0 rgb(121,6,240)
```
#8c06f0
```
#8c06f0 rgb(140,6,240)
```
#a006f0
```
#a006f0 rgb(160,6,240)
```
#b306f0
```
#b306f0 rgb(179,6,240)
```
#c706f0
```
#c706f0 rgb(199,6,240)
```
#da06f0
```
#da06f0 rgb(218,6,240)
```
#ee06f0
```
#ee06f0 rgb(238,6,240)
```

Similar Colors

Text with hexadecimal color #b306f0

This text has a font color of #b306f0.

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

#b306f0 background color

This paragraph has a background color of #b306f0.

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

#b306f0 border color

This element has a border color of #b306f0.

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

CSS codes

.text {color:#b306f0;}

.background {background-color:#b306f0;}

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

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, #08000a is the darkest color, while #fdf6ff is the lightest one.

#08000a
```
#08000a rgb(8,0,10)
```
#16011d
```
#16011d rgb(22,1,29)
```
#240131
```
#240131 rgb(36,1,49)
```
#330244
```
#330244 rgb(51,2,68)
```
#410257
```
#410257 rgb(65,2,87)
```
#4f036a
```
#4f036a rgb(79,3,106)
```
#5d037d
```
#5d037d rgb(93,3,125)
```
#6c0490
```
#6c0490 rgb(108,4,144)
```
#7a04a3
```
#7a04a3 rgb(122,4,163)
```
#8805b7
```
#8805b7 rgb(136,5,183)
```
#9605ca
```
#9605ca rgb(150,5,202)
```
#a506dd
```
#a506dd rgb(165,6,221)
```
#b306f0
```
#b306f0 rgb(179,6,240)
```

Shade Color Variation

#bc11f9
```
#bc11f9 rgb(188,17,249)
```
#c224fa
```
#c224fa rgb(194,36,250)
```
#c737fa
```
#c737fa rgb(199,55,250)
```
#cc4afa
```
#cc4afa rgb(204,74,250)
```
#d25dfb
```
#d25dfb rgb(210,93,251)
```
#d770fb
```
#d770fb rgb(215,112,251)
```
#dc83fc
```
#dc83fc rgb(220,131,252)
```
#e297fc
```
#e297fc rgb(226,151,252)
```
#e7aafd
```
#e7aafd rgb(231,170,253)
```
#edbdfd
```
#edbdfd rgb(237,189,253)
```
#f2d0fe
```
#f2d0fe rgb(242,208,254)
```
#f7e3fe
```
#f7e3fe rgb(247,227,254)
```
#fdf6ff
```
#fdf6ff rgb(253,246,255)
```

Tint Color Variation

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

#7d787e
```
#7d787e rgb(125,120,126)
```
#816e88
```
#816e88 rgb(129,110,136)
```
#866591
```
#866591 rgb(134,101,145)
```
#8a5b9b
```
#8a5b9b rgb(138,91,155)
```
#8f52a4
```
#8f52a4 rgb(143,82,164)
```
#9348ae
```
#9348ae rgb(147,72,174)
```
#983fb7
```
#983fb7 rgb(152,63,183)
```
#9c35c1
```
#9c35c1 rgb(156,53,193)
```
#a12cca
```
#a12cca rgb(161,44,202)
```
#a522d4
```
#a522d4 rgb(165,34,212)
```
#aa19dd
```
#aa19dd rgb(170,25,221)
```
#ae0fe7
```
#ae0fe7 rgb(174,15,231)
```
#b306f0
```
#b306f0 rgb(179,6,240)
```

Tone Color Variation

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

#0073e0 Protanopia 1% of men
#0079c6 Deuteranopia 1% of men
#9e676e Tritanopia 0.001% of the population

Trichromacy

#414be6 Protanomaly 1% of men, 0.01% of women
#414fd5 Deuteranomaly 6% of men, 0.4% of women
#a6449d Tritanomaly 0.01% of the population

#b306f0 hex color

#b306f0 Color Information

#b306f0 Color Conversion

Color Schemes with #b306f0

Alternatives to #b306f0

#b306f0 Preview

Shades and Tints of #b306f0

Tones of #b306f0

Color Blindness Simulator