colorhexa.com

#b301f5 hex color

In a RGB color space, hex #b301f5 is composed of 70.2% red, 0.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 99.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 283.8 degrees, a saturation of 99.2% and a lightness of 48.2%. #b301f5 color hex could be obtained by blending #ff02ff with #6700eb. Closest websafe color is: #cc00ff.

- R 70
- G 0
- B 96
RGB color chart
- C 27
- M 100
- Y 0
- K 4
CMYK color chart

● #b301f5 color description : Vivid violet.

The hexadecimal color #b301f5 has RGB values of R:179, G:1, B:245 and CMYK values of C:0.27, M:1, Y:0, K:0.04. Its decimal value is 11731445.

Hex triplet	b301f5	`#b301f5`
RGB Decimal	179, 1, 245	`rgb(179,1,245)`
RGB Percent	70.2, 0.4, 96.1	`rgb(70.2%,0.4%,96.1%)`
CMYK	27, 100, 0, 4
HSL	283.8°, 99.2, 48.2	`hsl(283.8,99.2%,48.2%)`
HSV (or HSB)	283.8°, 99.6, 96.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	47.235, 86.093, -77.031
XYZ	35.08, 16.199, 87.66
xyY	0.252, 0.117, 16.199
CIE-LCH	47.235, 115.524, 318.18
CIE-LUV	47.235, 37.772, -122.118
Hunter-Lab	40.248, 85.147, -100.959
Binary	10110011, 00000001, 11110101

#b301f5
```
#b301f5 rgb(179,1,245)
```
#43f501
```
#43f501 rgb(67,245,1)
```

Complementary Color

#3901f5
```
#3901f5 rgb(57,1,245)
```
#b301f5
```
#b301f5 rgb(179,1,245)
```
#f501bd
```
#f501bd rgb(245,1,189)
```

Analogous Color

#01f539
```
#01f539 rgb(1,245,57)
```
#b301f5
```
#b301f5 rgb(179,1,245)
```
#bdf501
```
#bdf501 rgb(189,245,1)
```

Split Complementary Color

#01f5b3
```
#01f5b3 rgb(1,245,179)
```
#b301f5
```
#b301f5 rgb(179,1,245)
```
#f5b301
```
#f5b301 rgb(245,179,1)
```

Triadic Color

#7b01a9
```
#7b01a9 rgb(123,1,169)
```
#8e01c2
```
#8e01c2 rgb(142,1,194)
```
#a001dc
```
#a001dc rgb(160,1,220)
```
#b301f5
```
#b301f5 rgb(179,1,245)
```
#be11fe
```
#be11fe rgb(190,17,254)
```
#c52bfe
```
#c52bfe rgb(197,43,254)
```
#cc44fe
```
#cc44fe rgb(204,68,254)
```

Monochromatic Color

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

#7601f5
```
#7601f5 rgb(118,1,245)
```
#8a01f5
```
#8a01f5 rgb(138,1,245)
```
#9f01f5
```
#9f01f5 rgb(159,1,245)
```
#b301f5
```
#b301f5 rgb(179,1,245)
```
#c701f5
```
#c701f5 rgb(199,1,245)
```
#dc01f5
```
#dc01f5 rgb(220,1,245)
```
#f001f5
```
#f001f5 rgb(240,1,245)
```

Similar Colors

Text with hexadecimal color #b301f5

This text has a font color of #b301f5.

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

#b301f5 background color

This paragraph has a background color of #b301f5.

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

#b301f5 border color

This element has a border color of #b301f5.

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

CSS codes

.text {color:#b301f5;}

.background {background-color:#b301f5;}

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

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

#08000b
```
#08000b rgb(8,0,11)
```
#16001e
```
#16001e rgb(22,0,30)
```
#240032
```
#240032 rgb(36,0,50)
```
#330045
```
#330045 rgb(51,0,69)
```
#410059
```
#410059 rgb(65,0,89)
```
#4f006c
```
#4f006c rgb(79,0,108)
```
#5d0180
```
#5d0180 rgb(93,1,128)
```
#6c0193
```
#6c0193 rgb(108,1,147)
```
#7a01a7
```
#7a01a7 rgb(122,1,167)
```
#8801ba
```
#8801ba rgb(136,1,186)
```
#9601ce
```
#9601ce rgb(150,1,206)
```
#a501e1
```
#a501e1 rgb(165,1,225)
```
#b301f5
```
#b301f5 rgb(179,1,245)
```

Shade Color Variation

#bc0cfe
```
#bc0cfe rgb(188,12,254)
```
#c21ffe
```
#c21ffe rgb(194,31,254)
```
#c733fe
```
#c733fe rgb(199,51,254)
```
#cc46fe
```
#cc46fe rgb(204,70,254)
```
#d25afe
```
#d25afe rgb(210,90,254)
```
#d76dfe
```
#d76dfe rgb(215,109,254)
```
#dc81fe
```
#dc81fe rgb(220,129,254)
```
#e294ff
```
#e294ff rgb(226,148,255)
```
#e7a8ff
```
#e7a8ff rgb(231,168,255)
```
#edbbff
```
#edbbff rgb(237,187,255)
```
#f2cfff
```
#f2cfff rgb(242,207,255)
```
#f7e3ff
```
#f7e3ff rgb(247,227,255)
```
#fdf6ff
```
#fdf6ff rgb(253,246,255)
```

Tint Color Variation

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

#7f7383
```
#7f7383 rgb(127,115,131)
```
#83698d
```
#83698d rgb(131,105,141)
```
#886096
```
#886096 rgb(136,96,150)
```
#8c56a0
```
#8c56a0 rgb(140,86,160)
```
#904da9
```
#904da9 rgb(144,77,169)
```
#9543b3
```
#9543b3 rgb(149,67,179)
```
#993abc
```
#993abc rgb(153,58,188)
```
#9d30c6
```
#9d30c6 rgb(157,48,198)
```
#a227cf
```
#a227cf rgb(162,39,207)
```
#a61dd9
```
#a61dd9 rgb(166,29,217)
```
#aa14e2
```
#aa14e2 rgb(170,20,226)
```
#af0aec
```
#af0aec rgb(175,10,236)
```
#b301f5
```
#b301f5 rgb(179,1,245)
```

Tone Color Variation

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

#0074e1 Protanopia 1% of men
#007ac7 Deuteranopia 1% of men
#9d6870 Tritanopia 0.001% of the population

Trichromacy

#414ae8 Protanomaly 1% of men, 0.01% of women
#414ed7 Deuteranomaly 6% of men, 0.4% of women
#a543a0 Tritanomaly 0.01% of the population