#b418f1 hex color

In a RGB color space, hex #b418f1 is composed of 70.6% red, 9.4% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 90% magenta, 0% yellow and 5.5% black. It has a hue angle of 283.1 degrees, a saturation of 88.6% and a lightness of 52%. #b418f1 color hex could be obtained by blending #ff30ff with #6900e3. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 71
- G 9
- B 95
RGB color chart
- C 25
- M 90
- Y 0
- K 5
CMYK color chart

● #b418f1 color description : Vivid violet.

The hexadecimal color #b418f1 has RGB values of R:180, G:24, B:241 and CMYK values of C:0.25, M:0.9, Y:0, K:0.05. Its decimal value is 11802865.

Hex triplet	b418f1	`#b418f1`
RGB Decimal	180, 24, 241	`rgb(180,24,241)`
RGB Percent	70.6, 9.4, 94.5	`rgb(70.6%,9.4%,94.5%)`
CMYK	25, 90, 0, 5
HSL	283.1°, 88.6, 52	`hsl(283.1,88.6%,52%)`
HSV (or HSB)	283.1°, 90, 94.5
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	47.891, 83.073, -73.705
XYZ	35.024, 16.709, 84.594
xyY	0.257, 0.123, 16.709
CIE-LCH	47.891, 111.056, 318.42
CIE-LUV	47.891, 38.518, -118.021
Hunter-Lab	40.876, 81.411, -94.089
Binary	10110100, 00011000, 11110001

#b418f1
```
#b418f1 rgb(180,24,241)
```
#55f118
```
#55f118 rgb(85,241,24)
```

Complementary Color

#4818f1
```
#4818f1 rgb(72,24,241)
```
#b418f1
```
#b418f1 rgb(180,24,241)
```
#f118c2
```
#f118c2 rgb(241,24,194)
```

Analogous Color

#18f148
```
#18f148 rgb(24,241,72)
```
#b418f1
```
#b418f1 rgb(180,24,241)
```
#c2f118
```
#c2f118 rgb(194,241,24)
```

Split Complementary Color

#18f1b4
```
#18f1b4 rgb(24,241,180)
```
#b418f1
```
#b418f1 rgb(180,24,241)
```
#f1b418
```
#f1b418 rgb(241,180,24)
```

Triadic Color

#1855f1
```
#1855f1 rgb(24,85,241)
```
#b418f1
```
#b418f1 rgb(180,24,241)
```
#f1b418
```
#f1b418 rgb(241,180,24)
```
#55f118
```
#55f118 rgb(85,241,24)
```

Tetradic Color

#830bb2
```
#830bb2 rgb(131,11,178)
```
#940cca
```
#940cca rgb(148,12,202)
```
#a60ee2
```
#a60ee2 rgb(166,14,226)
```
#b418f1
```
#b418f1 rgb(180,24,241)
```
#bc30f2
```
#bc30f2 rgb(188,48,242)
```
#c448f4
```
#c448f4 rgb(196,72,244)
```
#cb60f5
```
#cb60f5 rgb(203,96,245)
```

Monochromatic Color

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

#7e18f1
```
#7e18f1 rgb(126,24,241)
```
#9018f1
```
#9018f1 rgb(144,24,241)
```
#a218f1
```
#a218f1 rgb(162,24,241)
```
#b418f1
```
#b418f1 rgb(180,24,241)
```
#c618f1
```
#c618f1 rgb(198,24,241)
```
#d818f1
```
#d818f1 rgb(216,24,241)
```
#ea18f1
```
#ea18f1 rgb(234,24,241)
```

Similar Colors

Text with hexadecimal color #b418f1

This text has a font color of #b418f1.

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

#b418f1 background color

This paragraph has a background color of #b418f1.

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

#b418f1 border color

This element has a border color of #b418f1.

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

CSS codes

.text {color:#b418f1;}

.background {background-color:#b418f1;}

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

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

#070109
```
#070109 rgb(7,1,9)
```
#15021c
```
#15021c rgb(21,2,28)
```
#22032e
```
#22032e rgb(34,3,46)
```
#300441
```
#300441 rgb(48,4,65)
```
#3d0553
```
#3d0553 rgb(61,5,83)
```
#4b0666
```
#4b0666 rgb(75,6,102)
```
#590778
```
#590778 rgb(89,7,120)
```
#66088b
```
#66088b rgb(102,8,139)
```
#740a9d
```
#740a9d rgb(116,10,157)
```
#810bb0
```
#810bb0 rgb(129,11,176)
```
#8f0cc2
```
#8f0cc2 rgb(143,12,194)
```
#9d0dd5
```
#9d0dd5 rgb(157,13,213)
```
#aa0ee7
```
#aa0ee7 rgb(170,14,231)
```

Shade Color Variation

#b418f1
```
#b418f1 rgb(180,24,241)
```
#ba2af2
```
#ba2af2 rgb(186,42,242)
```
#c03df3
```
#c03df3 rgb(192,61,243)
```
#c64ff4
```
#c64ff4 rgb(198,79,244)
```
#cc62f5
```
#cc62f5 rgb(204,98,245)
```
#d274f7
```
#d274f7 rgb(210,116,247)
```
#d887f8
```
#d887f8 rgb(216,135,248)
```
#de99f9
```
#de99f9 rgb(222,153,249)
```
#e4acfa
```
#e4acfa rgb(228,172,250)
```
#eabefb
```
#eabefb rgb(234,190,251)
```
#f0d1fc
```
#f0d1fc rgb(240,209,252)
```
#f6e3fd
```
#f6e3fd rgb(246,227,253)
```
#fcf6fe
```
#fcf6fe rgb(252,246,254)
```

Tint Color Variation

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

#878089
```
#878089 rgb(135,128,137)
```
#8b7693
```
#8b7693 rgb(139,118,147)
```
#8f6d9c
```
#8f6d9c rgb(143,109,156)
```
#9363a6
```
#9363a6 rgb(147,99,166)
```
#975aaf
```
#975aaf rgb(151,90,175)
```
#9b51b8
```
#9b51b8 rgb(155,81,184)
```
#9f47c2
```
#9f47c2 rgb(159,71,194)
```
#a33ecb
```
#a33ecb rgb(163,62,203)
```
#a834d5
```
#a834d5 rgb(168,52,213)
```
#ac2bde
```
#ac2bde rgb(172,43,222)
```
#b021e8
```
#b021e8 rgb(176,33,232)
```
#b418f1
```
#b418f1 rgb(180,24,241)
```
#b80ffa
```
#b80ffa rgb(184,15,250)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#70517c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e4 Protanopia 1% of men
#007bca Deuteranopia 1% of men
#a06a71 Tritanopia 0.001% of the population

Trichromacy

#4153e9 Protanomaly 1% of men, 0.01% of women
#4157d8 Deuteranomaly 6% of men, 0.4% of women
#a74c9f Tritanomaly 0.01% of the population

#b418f1 hex color

#b418f1 Color Information

#b418f1 Color Conversion

Color Schemes with #b418f1

Alternatives to #b418f1

#b418f1 Preview

Shades and Tints of #b418f1

Tones of #b418f1

Color Blindness Simulator