#b301f9 hex color

In a RGB color space, hex #b301f9 is composed of 70.2% red, 0.4% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 99.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 283.1 degrees, a saturation of 99.2% and a lightness of 49%. #b301f9 color hex could be obtained by blending #ff02ff with #6700f3. Closest websafe color is: #cc00ff.

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

● #b301f9 color description : Vivid violet.

The hexadecimal color #b301f9 has RGB values of R:179, G:1, B:249 and CMYK values of C:0.28, M:1, Y:0, K:0.02. Its decimal value is 11731449.

Hex triplet	b301f9	`#b301f9`
RGB Decimal	179, 1, 249	`rgb(179,1,249)`
RGB Percent	70.2, 0.4, 97.6	`rgb(70.2%,0.4%,97.6%)`
CMYK	28, 100, 0, 2
HSL	283.1°, 99.2, 49	`hsl(283.1,99.2%,49%)`
HSV (or HSB)	283.1°, 99.6, 97.6
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	47.554, 86.807, -78.752
XYZ	35.698, 16.446, 90.911
xyY	0.25, 0.115, 16.446
CIE-LCH	47.554, 117.206, 317.785
CIE-LUV	47.554, 36.712, -124.694
Hunter-Lab	40.554, 86.157, -104.525
Binary	10110011, 00000001, 11111001

#b301f9
```
#b301f9 rgb(179,1,249)
```
#47f901
```
#47f901 rgb(71,249,1)
```

Complementary Color

#3701f9
```
#3701f9 rgb(55,1,249)
```
#b301f9
```
#b301f9 rgb(179,1,249)
```
#f901c3
```
#f901c3 rgb(249,1,195)
```

Analogous Color

#01f937
```
#01f937 rgb(1,249,55)
```
#b301f9
```
#b301f9 rgb(179,1,249)
```
#c3f901
```
#c3f901 rgb(195,249,1)
```

Split Complementary Color

#01f9b3
```
#01f9b3 rgb(1,249,179)
```
#b301f9
```
#b301f9 rgb(179,1,249)
```
#f9b301
```
#f9b301 rgb(249,179,1)
```

Triadic Color

#0147f9
```
#0147f9 rgb(1,71,249)
```
#b301f9
```
#b301f9 rgb(179,1,249)
```
#f9b301
```
#f9b301 rgb(249,179,1)
```
#47f901
```
#47f901 rgb(71,249,1)
```

Tetradic Color

#7c01ad
```
#7c01ad rgb(124,1,173)
```
#8e01c6
```
#8e01c6 rgb(142,1,198)
```
#a101e0
```
#a101e0 rgb(161,1,224)
```
#b301f9
```
#b301f9 rgb(179,1,249)
```
#bc15fe
```
#bc15fe rgb(188,21,254)
```
#c42ffe
```
#c42ffe rgb(196,47,254)
```
#cb48fe
```
#cb48fe rgb(203,72,254)
```

Monochromatic Color

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

#7501f9
```
#7501f9 rgb(117,1,249)
```
#8a01f9
```
#8a01f9 rgb(138,1,249)
```
#9e01f9
```
#9e01f9 rgb(158,1,249)
```
#b301f9
```
#b301f9 rgb(179,1,249)
```
#c801f9
```
#c801f9 rgb(200,1,249)
```
#dc01f9
```
#dc01f9 rgb(220,1,249)
```
#f101f9
```
#f101f9 rgb(241,1,249)
```

Similar Colors

Text with hexadecimal color #b301f9

This text has a font color of #b301f9.

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

#b301f9 background color

This paragraph has a background color of #b301f9.

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

#b301f9 border color

This element has a border color of #b301f9.

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

CSS codes

.text {color:#b301f9;}

.background {background-color:#b301f9;}

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

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, #0a000f is the darkest color, while #fefaff is the lightest one.

#0a000f
```
#0a000f rgb(10,0,15)
```
#190022
```
#190022 rgb(25,0,34)
```
#270036
```
#270036 rgb(39,0,54)
```
#350049
```
#350049 rgb(53,0,73)
```
#43005d
```
#43005d rgb(67,0,93)
```
#510070
```
#510070 rgb(81,0,112)
```
#5f0184
```
#5f0184 rgb(95,1,132)
```
#6d0197
```
#6d0197 rgb(109,1,151)
```
#7b01ab
```
#7b01ab rgb(123,1,171)
```
#8901be
```
#8901be rgb(137,1,190)
```
#9701d2
```
#9701d2 rgb(151,1,210)
```
#a501e5
```
#a501e5 rgb(165,1,229)
```
#b301f9
```
#b301f9 rgb(179,1,249)
```

Shade Color Variation

#bb10fe
```
#bb10fe rgb(187,16,254)
```
#c023fe
```
#c023fe rgb(192,35,254)
```
#c637fe
```
#c637fe rgb(198,55,254)
```
#cb4afe
```
#cb4afe rgb(203,74,254)
```
#d15efe
```
#d15efe rgb(209,94,254)
```
#d771fe
```
#d771fe rgb(215,113,254)
```
#dc85ff
```
#dc85ff rgb(220,133,255)
```
#e298ff
```
#e298ff rgb(226,152,255)
```
#e7acff
```
#e7acff rgb(231,172,255)
```
#edbfff
```
#edbfff rgb(237,191,255)
```
#f2d3ff
```
#f2d3ff rgb(242,211,255)
```
#f8e6ff
```
#f8e6ff rgb(248,230,255)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#817486
```
#817486 rgb(129,116,134)
```
#856b8f
```
#856b8f rgb(133,107,143)
```
#896199
```
#896199 rgb(137,97,153)
```
#8d58a2
```
#8d58a2 rgb(141,88,162)
```
#924eac
```
#924eac rgb(146,78,172)
```
#9644b6
```
#9644b6 rgb(150,68,182)
```
#9a3bbf
```
#9a3bbf rgb(154,59,191)
```
#9e31c9
```
#9e31c9 rgb(158,49,201)
```
#a227d3
```
#a227d3 rgb(162,39,211)
```
#a61edc
```
#a61edc rgb(166,30,220)
```
#ab14e6
```
#ab14e6 rgb(171,20,230)
```
#af0bef
```
#af0bef rgb(175,11,239)
```
#b301f9
```
#b301f9 rgb(179,1,249)
```

Tone Color Variation

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

Dichromacy

#0074e2 Protanopia 1% of men
#007ac8 Deuteranopia 1% of men
#9c6a71 Tritanopia 0.001% of the population

Trichromacy

#414aea Protanomaly 1% of men, 0.01% of women
#414eda Deuteranomaly 6% of men, 0.4% of women
#a444a3 Tritanomaly 0.01% of the population

#b301f9 hex color

#b301f9 Color Information

#b301f9 Color Conversion

Color Schemes with #b301f9

Alternatives to #b301f9

#b301f9 Preview

Shades and Tints of #b301f9

Tones of #b301f9

Color Blindness Simulator