#b300f0 hex color

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

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

● #b300f0 color description : Pure (or mostly pure) violet.

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

Hex triplet	b300f0	`#b300f0`
RGB Decimal	179, 0, 240	`rgb(179,0,240)`
RGB Percent	70.2, 0, 94.1	`rgb(70.2%,0%,94.1%)`
CMYK	25, 100, 0, 6
HSL	284.8°, 100, 47.1	`hsl(284.8,100%,47.1%)`
HSV (or HSB)	284.8°, 100, 94.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	46.812, 85.294, -74.908
XYZ	34.317, 15.876, 83.69
xyY	0.256, 0.119, 15.876
CIE-LCH	46.812, 113.518, 318.709
CIE-LUV	46.812, 39.162, -118.916
Hunter-Lab	39.845, 84.004, -96.641
Binary	10110011, 00000000, 11110000

#b300f0
```
#b300f0 rgb(179,0,240)
```
#3df000
```
#3df000 rgb(61,240,0)
```

Complementary Color

#3b00f0
```
#3b00f0 rgb(59,0,240)
```
#b300f0
```
#b300f0 rgb(179,0,240)
```
#f000b5
```
#f000b5 rgb(240,0,181)
```

Analogous Color

#00f03b
```
#00f03b rgb(0,240,59)
```
#b300f0
```
#b300f0 rgb(179,0,240)
```
#b5f000
```
#b5f000 rgb(181,240,0)
```

Split Complementary Color

#00f0b3
```
#00f0b3 rgb(0,240,179)
```
#b300f0
```
#b300f0 rgb(179,0,240)
```
#f0b300
```
#f0b300 rgb(240,179,0)
```

Triadic Color

#003df0
```
#003df0 rgb(0,61,240)
```
#b300f0
```
#b300f0 rgb(179,0,240)
```
#f0b300
```
#f0b300 rgb(240,179,0)
```
#3df000
```
#3df000 rgb(61,240,0)
```

Tetradic Color

#7a00a4
```
#7a00a4 rgb(122,0,164)
```
#8d00bd
```
#8d00bd rgb(141,0,189)
```
#a000d7
```
#a000d7 rgb(160,0,215)
```
#b300f0
```
#b300f0 rgb(179,0,240)
```
#c10bff
```
#c10bff rgb(193,11,255)
```
#c724ff
```
#c724ff rgb(199,36,255)
```
#ce3eff
```
#ce3eff rgb(206,62,255)
```

Monochromatic Color

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

#7700f0
```
#7700f0 rgb(119,0,240)
```
#8b00f0
```
#8b00f0 rgb(139,0,240)
```
#9f00f0
```
#9f00f0 rgb(159,0,240)
```
#b300f0
```
#b300f0 rgb(179,0,240)
```
#c700f0
```
#c700f0 rgb(199,0,240)
```
#db00f0
```
#db00f0 rgb(219,0,240)
```
#ef00f0
```
#ef00f0 rgb(239,0,240)
```

Similar Colors

Text with hexadecimal color #b300f0

This text has a font color of #b300f0.

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

#b300f0 background color

This paragraph has a background color of #b300f0.

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

#b300f0 border color

This element has a border color of #b300f0.

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

CSS codes

.text {color:#b300f0;}

.background {background-color:#b300f0;}

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

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

#030005
```
#030005 rgb(3,0,5)
```
#120018
```
#120018 rgb(18,0,24)
```
#21002c
```
#21002c rgb(33,0,44)
```
#2f003f
```
#2f003f rgb(47,0,63)
```
#3e0053
```
#3e0053 rgb(62,0,83)
```
#4d0067
```
#4d0067 rgb(77,0,103)
```
#5b007a
```
#5b007a rgb(91,0,122)
```
#6a008e
```
#6a008e rgb(106,0,142)
```
#7800a2
```
#7800a2 rgb(120,0,162)
```
#8700b5
```
#8700b5 rgb(135,0,181)
```
#9600c9
```
#9600c9 rgb(150,0,201)
```
#a400dc
```
#a400dc rgb(164,0,220)
```
#b300f0
```
#b300f0 rgb(179,0,240)
```

Shade Color Variation

#bf05ff
```
#bf05ff rgb(191,5,255)
```
#c418ff
```
#c418ff rgb(196,24,255)
```
#c92cff
```
#c92cff rgb(201,44,255)
```
#ce3fff
```
#ce3fff rgb(206,63,255)
```
#d353ff
```
#d353ff rgb(211,83,255)
```
#d867ff
```
#d867ff rgb(216,103,255)
```
#dd7aff
```
#dd7aff rgb(221,122,255)
```
#e28eff
```
#e28eff rgb(226,142,255)
```
#e7a2ff
```
#e7a2ff rgb(231,162,255)
```
#ecb5ff
```
#ecb5ff rgb(236,181,255)
```
#f1c9ff
```
#f1c9ff rgb(241,201,255)
```
#f6dcff
```
#f6dcff rgb(246,220,255)
```
#fbf0ff
```
#fbf0ff rgb(251,240,255)
```

Tint Color Variation

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

#7d6f81
```
#7d6f81 rgb(125,111,129)
```
#81668a
```
#81668a rgb(129,102,138)
```
#865c94
```
#865c94 rgb(134,92,148)
```
#8a539d
```
#8a539d rgb(138,83,157)
```
#8f4aa6
```
#8f4aa6 rgb(143,74,166)
```
#9341af
```
#9341af rgb(147,65,175)
```
#9837b9
```
#9837b9 rgb(152,55,185)
```
#9c2ec2
```
#9c2ec2 rgb(156,46,194)
```
#a125cb
```
#a125cb rgb(161,37,203)
```
#a51cd4
```
#a51cd4 rgb(165,28,212)
```
#aa12de
```
#aa12de rgb(170,18,222)
```
#ae09e7
```
#ae09e7 rgb(174,9,231)
```
#b300f0
```
#b300f0 rgb(179,0,240)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#654171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073df Protanopia 1% of men
#0078c5 Deuteranopia 1% of men
#9e666d Tritanopia 0.001% of the population

Trichromacy

#4149e5 Protanomaly 1% of men, 0.01% of women
#414cd5 Deuteranomaly 6% of men, 0.4% of women
#a6419d Tritanomaly 0.01% of the population

#b300f0 hex color

#b300f0 Color Information

#b300f0 Color Conversion

Color Schemes with #b300f0

Alternatives to #b300f0

#b300f0 Preview

Shades and Tints of #b300f0

Tones of #b300f0

Color Blindness Simulator