colorhexa.com

#b500f0 hex color

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

- R 71
- G 0
- B 94
RGB color chart
- C 25
- M 100
- Y 0
- K 6
CMYK color chart

● #b500f0 color description : Pure (or mostly pure) magenta.

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

Hex triplet	b500f0	`#b500f0`
RGB Decimal	181, 0, 240	`rgb(181,0,240)`
RGB Percent	71, 0, 94.1	`rgb(71%,0%,94.1%)`
CMYK	25, 100, 0, 6
HSL	285.3°, 100, 47.1	`hsl(285.3,100%,47.1%)`
HSV (or HSB)	285.3°, 100, 94.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	47.127, 85.539, -74.38
XYZ	34.782, 16.116, 83.712
xyY	0.258, 0.12, 16.116
CIE-LCH	47.127, 113.355, 318.991
CIE-LUV	47.127, 40.331, -118.517
Hunter-Lab	40.145, 84.4, -95.532
Binary	10110101, 00000000, 11110000

#b500f0
```
#b500f0 rgb(181,0,240)
```
#3bf000
```
#3bf000 rgb(59,240,0)
```

Complementary Color

#3d00f0
```
#3d00f0 rgb(61,0,240)
```
#b500f0
```
#b500f0 rgb(181,0,240)
```
#f000b3
```
#f000b3 rgb(240,0,179)
```

Analogous Color

#00f03d
```
#00f03d rgb(0,240,61)
```
#b500f0
```
#b500f0 rgb(181,0,240)
```
#b3f000
```
#b3f000 rgb(179,240,0)
```

Split Complementary Color

#00f0b5
```
#00f0b5 rgb(0,240,181)
```
#b500f0
```
#b500f0 rgb(181,0,240)
```
#f0b500
```
#f0b500 rgb(240,181,0)
```

Triadic Color

#7b00a4
```
#7b00a4 rgb(123,0,164)
```
#8f00bd
```
#8f00bd rgb(143,0,189)
```
#a200d7
```
#a200d7 rgb(162,0,215)
```
#b500f0
```
#b500f0 rgb(181,0,240)
```
#c30bff
```
#c30bff rgb(195,11,255)
```
#c924ff
```
#c924ff rgb(201,36,255)
```
#cf3eff
```
#cf3eff rgb(207,62,255)
```

Monochromatic Color

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

#7900f0
```
#7900f0 rgb(121,0,240)
```
#8d00f0
```
#8d00f0 rgb(141,0,240)
```
#a100f0
```
#a100f0 rgb(161,0,240)
```
#b500f0
```
#b500f0 rgb(181,0,240)
```
#c900f0
```
#c900f0 rgb(201,0,240)
```
#dd00f0
```
#dd00f0 rgb(221,0,240)
```
#f000ef
```
#f000ef rgb(240,0,239)
```

Similar Colors

Text with hexadecimal color #b500f0

This text has a font color of #b500f0.

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

#b500f0 background color

This paragraph has a background color of #b500f0.

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

#b500f0 border color

This element has a border color of #b500f0.

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

CSS codes

.text {color:#b500f0;}

.background {background-color:#b500f0;}

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

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)
```
#30003f
```
#30003f rgb(48,0,63)
```
#3f0053
```
#3f0053 rgb(63,0,83)
```
#4d0067
```
#4d0067 rgb(77,0,103)
```
#5c007a
```
#5c007a rgb(92,0,122)
```
#6b008e
```
#6b008e rgb(107,0,142)
```
#7a00a2
```
#7a00a2 rgb(122,0,162)
```
#8900b5
```
#8900b5 rgb(137,0,181)
```
#9700c9
```
#9700c9 rgb(151,0,201)
```
#a600dc
```
#a600dc rgb(166,0,220)
```
#b500f0
```
#b500f0 rgb(181,0,240)
```

Shade Color Variation

#c105ff
```
#c105ff rgb(193,5,255)
```
#c618ff
```
#c618ff rgb(198,24,255)
```
#cb2cff
```
#cb2cff rgb(203,44,255)
```
#d03fff
```
#d03fff rgb(208,63,255)
```
#d553ff
```
#d553ff rgb(213,83,255)
```
#da67ff
```
#da67ff rgb(218,103,255)
```
#de7aff
```
#de7aff rgb(222,122,255)
```
#e38eff
```
#e38eff rgb(227,142,255)
```
#e8a2ff
```
#e8a2ff rgb(232,162,255)
```
#edb5ff
```
#edb5ff rgb(237,181,255)
```
#f2c9ff
```
#f2c9ff rgb(242,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 #b500f0 is the most saturated one.

#7d6f81
```
#7d6f81 rgb(125,111,129)
```
#81668a
```
#81668a rgb(129,102,138)
```
#865c94
```
#865c94 rgb(134,92,148)
```
#8b539d
```
#8b539d rgb(139,83,157)
```
#8f4aa6
```
#8f4aa6 rgb(143,74,166)
```
#9441af
```
#9441af rgb(148,65,175)
```
#9937b9
```
#9937b9 rgb(153,55,185)
```
#9e2ec2
```
#9e2ec2 rgb(158,46,194)
```
#a225cb
```
#a225cb rgb(162,37,203)
```
#a71cd4
```
#a71cd4 rgb(167,28,212)
```
#ac12de
```
#ac12de rgb(172,18,222)
```
#b009e7
```
#b009e7 rgb(176,9,231)
```
#b500f0
```
#b500f0 rgb(181,0,240)
```

Tone Color Variation

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

#0073e1 Protanopia 1% of men
#0079c7 Deuteranopia 1% of men
#a1666d Tritanopia 0.001% of the population

Trichromacy

#4149e6 Protanomaly 1% of men, 0.01% of women
#414dd6 Deuteranomaly 6% of men, 0.4% of women
#a8419d Tritanomaly 0.01% of the population