#b100e2 hex color

In a RGB color space, hex #b100e2 is composed of 69.4% red, 0% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 21.7% cyan, 100% magenta, 0% yellow and 11.4% black. It has a hue angle of 287 degrees, a saturation of 100% and a lightness of 44.3%. #b100e2 color hex could be obtained by blending #ff00ff with #6300c5. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 0
- B 89
RGB color chart
- C 22
- M 100
- Y 0
- K 11
CMYK color chart

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

The hexadecimal color #b100e2 has RGB values of R:177, G:0, B:226 and CMYK values of C:0.22, M:1, Y:0, K:0.11. Its decimal value is 11600098.

Hex triplet	b100e2	`#b100e2`
RGB Decimal	177, 0, 226	`rgb(177,0,226)`
RGB Percent	69.4, 0, 88.6	`rgb(69.4%,0%,88.6%)`
CMYK	22, 100, 0, 11
HSL	287°, 100, 44.3	`hsl(287,100%,44.3%)`
HSV (or HSB)	287°, 100, 88.6
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.414, 82.604, -69.267
XYZ	31.857, 14.839, 73.134
xyY	0.266, 0.124, 14.839
CIE-LCH	45.414, 107.802, 320.019
CIE-LUV	45.414, 41.966, -110.096
Hunter-Lab	38.522, 80.204, -85.596
Binary	10110001, 00000000, 11100010

#b100e2
```
#b100e2 rgb(177,0,226)
```
#31e200
```
#31e200 rgb(49,226,0)
```

Complementary Color

#4000e2
```
#4000e2 rgb(64,0,226)
```
#b100e2
```
#b100e2 rgb(177,0,226)
```
#e200a2
```
#e200a2 rgb(226,0,162)
```

Analogous Color

#00e240
```
#00e240 rgb(0,226,64)
```
#b100e2
```
#b100e2 rgb(177,0,226)
```
#a2e200
```
#a2e200 rgb(162,226,0)
```

Split Complementary Color

#00e2b1
```
#00e2b1 rgb(0,226,177)
```
#b100e2
```
#b100e2 rgb(177,0,226)
```
#e2b100
```
#e2b100 rgb(226,177,0)
```

Triadic Color

#0031e2
```
#0031e2 rgb(0,49,226)
```
#b100e2
```
#b100e2 rgb(177,0,226)
```
#e2b100
```
#e2b100 rgb(226,177,0)
```
#31e200
```
#31e200 rgb(49,226,0)
```

Tetradic Color

#750096
```
#750096 rgb(117,0,150)
```
#8900af
```
#8900af rgb(137,0,175)
```
#9d00c9
```
#9d00c9 rgb(157,0,201)
```
#b100e2
```
#b100e2 rgb(177,0,226)
```
#c500fc
```
#c500fc rgb(197,0,252)
```
#cc16ff
```
#cc16ff rgb(204,22,255)
```
#d230ff
```
#d230ff rgb(210,48,255)
```

Monochromatic Color

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

#7900e2
```
#7900e2 rgb(121,0,226)
```
#8b00e2
```
#8b00e2 rgb(139,0,226)
```
#9e00e2
```
#9e00e2 rgb(158,0,226)
```
#b100e2
```
#b100e2 rgb(177,0,226)
```
#c400e2
```
#c400e2 rgb(196,0,226)
```
#d700e2
```
#d700e2 rgb(215,0,226)
```
#e200db
```
#e200db rgb(226,0,219)
```

Similar Colors

Text with hexadecimal color #b100e2

This text has a font color of #b100e2.

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

#b100e2 background color

This paragraph has a background color of #b100e2.

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

#b100e2 border color

This element has a border color of #b100e2.

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

CSS codes

.text {color:#b100e2;}

.background {background-color:#b100e2;}

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

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)
```
#17001e
```
#17001e rgb(23,0,30)
```
#270031
```
#270031 rgb(39,0,49)
```
#360045
```
#360045 rgb(54,0,69)
```
#450059
```
#450059 rgb(69,0,89)
```
#55006c
```
#55006c rgb(85,0,108)
```
#640080
```
#640080 rgb(100,0,128)
```
#740094
```
#740094 rgb(116,0,148)
```
#8300a7
```
#8300a7 rgb(131,0,167)
```
#9200bb
```
#9200bb rgb(146,0,187)
```
#a200ce
```
#a200ce rgb(162,0,206)
```
#b100e2
```
#b100e2 rgb(177,0,226)
```
#c000f6
```
#c000f6 rgb(192,0,246)
```

Shade Color Variation

#ca0aff
```
#ca0aff rgb(202,10,255)
```
#ce1eff
```
#ce1eff rgb(206,30,255)
```
#d231ff
```
#d231ff rgb(210,49,255)
```
#d745ff
```
#d745ff rgb(215,69,255)
```
#db59ff
```
#db59ff rgb(219,89,255)
```
#df6cff
```
#df6cff rgb(223,108,255)
```
#e380ff
```
#e380ff rgb(227,128,255)
```
#e894ff
```
#e894ff rgb(232,148,255)
```
#eca7ff
```
#eca7ff rgb(236,167,255)
```
#f0bbff
```
#f0bbff rgb(240,187,255)
```
#f4ceff
```
#f4ceff rgb(244,206,255)
```
#f9e2ff
```
#f9e2ff rgb(249,226,255)
```
#fdf6ff
```
#fdf6ff rgb(253,246,255)
```

Tint Color Variation

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

#76687a
```
#76687a rgb(118,104,122)
```
#7b6082
```
#7b6082 rgb(123,96,130)
```
#80578b
```
#80578b rgb(128,87,139)
```
#854e94
```
#854e94 rgb(133,78,148)
```
#8a469c
```
#8a469c rgb(138,70,156)
```
#8f3da5
```
#8f3da5 rgb(143,61,165)
```
#9334ae
```
#9334ae rgb(147,52,174)
```
#982bb7
```
#982bb7 rgb(152,43,183)
```
#9d23bf
```
#9d23bf rgb(157,35,191)
```
#a21ac8
```
#a21ac8 rgb(162,26,200)
```
#a711d1
```
#a711d1 rgb(167,17,209)
```
#ac09d9
```
#ac09d9 rgb(172,9,217)
```
#b100e2
```
#b100e2 rgb(177,0,226)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#633f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075c1 Deuteranopia 1% of men
#9f6167 Tritanopia 0.001% of the population

Trichromacy

#4047dc Protanomaly 1% of men, 0.01% of women
#404acd Deuteranomaly 6% of men, 0.4% of women
#a63d94 Tritanomaly 0.01% of the population

#b100e2 hex color

#b100e2 Color Information

#b100e2 Color Conversion

Color Schemes with #b100e2

Alternatives to #b100e2

#b100e2 Preview

Shades and Tints of #b100e2

Tones of #b100e2

Color Blindness Simulator