#b214ff hex color

In a RGB color space, hex #b214ff is composed of 69.8% red, 7.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 92.2% magenta, 0% yellow and 0% black. It has a hue angle of 280.3 degrees, a saturation of 100% and a lightness of 53.9%. #b214ff color hex could be obtained by blending #ff28ff with #6500ff. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 70
- G 8
- B 100
RGB color chart
- C 30
- M 92
- Y 0
- K 0
CMYK color chart

● #b214ff color description : Vivid violet.

The hexadecimal color #b214ff has RGB values of R:178, G:20, B:255 and CMYK values of C:0.3, M:0.92, Y:0, K:0. Its decimal value is 11670783.

Hex triplet	b214ff	`#b214ff`
RGB Decimal	178, 20, 255	`rgb(178,20,255)`
RGB Percent	69.8, 7.8, 100	`rgb(69.8%,7.8%,100%)`
CMYK	30, 92, 0, 0
HSL	280.3°, 100, 53.9	`hsl(280.3,100%,53.9%)`
HSV (or HSB)	280.3°, 92.2, 100
Web Safe	9900ff	`#9900ff`

CIE-LAB	48.494, 85.962, -80.575
XYZ	36.658, 17.186, 95.988
xyY	0.245, 0.115, 17.186
CIE-LCH	48.494, 117.821, 316.853
CIE-LUV	48.494, 33.994, -127.824
Hunter-Lab	41.456, 85.29, -108.261
Binary	10110010, 00010100, 11111111

#b214ff
```
#b214ff rgb(178,20,255)
```
#61ff14
```
#61ff14 rgb(97,255,20)
```

Complementary Color

#3c14ff
```
#3c14ff rgb(60,20,255)
```
#b214ff
```
#b214ff rgb(178,20,255)
```
#ff14d7
```
#ff14d7 rgb(255,20,215)
```

Analogous Color

#14ff3c
```
#14ff3c rgb(20,255,60)
```
#b214ff
```
#b214ff rgb(178,20,255)
```
#d7ff14
```
#d7ff14 rgb(215,255,20)
```

Split Complementary Color

#14ffb2
```
#14ffb2 rgb(20,255,178)
```
#b214ff
```
#b214ff rgb(178,20,255)
```
#ffb214
```
#ffb214 rgb(255,178,20)
```

Triadic Color

#1461ff
```
#1461ff rgb(20,97,255)
```
#b214ff
```
#b214ff rgb(178,20,255)
```
#ffb214
```
#ffb214 rgb(255,178,20)
```
#61ff14
```
#61ff14 rgb(97,255,20)
```

Tetradic Color

#8500c7
```
#8500c7 rgb(133,0,199)
```
#9700e0
```
#9700e0 rgb(151,0,224)
```
#a800fa
```
#a800fa rgb(168,0,250)
```
#b214ff
```
#b214ff rgb(178,20,255)
```
#ba2eff
```
#ba2eff rgb(186,46,255)
```
#c347ff
```
#c347ff rgb(195,71,255)
```
#cb61ff
```
#cb61ff rgb(203,97,255)
```

Monochromatic Color

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

#7714ff
```
#7714ff rgb(119,20,255)
```
#8b14ff
```
#8b14ff rgb(139,20,255)
```
#9e14ff
```
#9e14ff rgb(158,20,255)
```
#b214ff
```
#b214ff rgb(178,20,255)
```
#c614ff
```
#c614ff rgb(198,20,255)
```
#d914ff
```
#d914ff rgb(217,20,255)
```
#ed14ff
```
#ed14ff rgb(237,20,255)
```

Similar Colors

Text with hexadecimal color #b214ff

This text has a font color of #b214ff.

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

#b214ff background color

This paragraph has a background color of #b214ff.

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

#b214ff border color

This element has a border color of #b214ff.

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

CSS codes

.text {color:#b214ff;}

.background {background-color:#b214ff;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0014
```
#0d0014 rgb(13,0,20)
```
#1b0028
```
#1b0028 rgb(27,0,40)
```
#28003b
```
#28003b rgb(40,0,59)
```
#35004f
```
#35004f rgb(53,0,79)
```
#420062
```
#420062 rgb(66,0,98)
```
#4f0076
```
#4f0076 rgb(79,0,118)
```
#5d008a
```
#5d008a rgb(93,0,138)
```
#6a009d
```
#6a009d rgb(106,0,157)
```
#7700b1
```
#7700b1 rgb(119,0,177)
```
#8400c5
```
#8400c5 rgb(132,0,197)
```
#9100d8
```
#9100d8 rgb(145,0,216)
```
#9f00ec
```
#9f00ec rgb(159,0,236)
```

Shade Color Variation

#ac00ff
```
#ac00ff rgb(172,0,255)
```
#b214ff
```
#b214ff rgb(178,20,255)
```
#b828ff
```
#b828ff rgb(184,40,255)
```
#bf3bff
```
#bf3bff rgb(191,59,255)
```
#c54fff
```
#c54fff rgb(197,79,255)
```
#cc62ff
```
#cc62ff rgb(204,98,255)
```
#d276ff
```
#d276ff rgb(210,118,255)
```
#d98aff
```
#d98aff rgb(217,138,255)
```
#df9dff
```
#df9dff rgb(223,157,255)
```
#e5b1ff
```
#e5b1ff rgb(229,177,255)
```
#ecc5ff
```
#ecc5ff rgb(236,197,255)
```
#f2d8ff
```
#f2d8ff rgb(242,216,255)
```
#f9ecff
```
#f9ecff rgb(249,236,255)
```

Tint Color Variation

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

#8d8093
```
#8d8093 rgb(141,128,147)
```
#90779c
```
#90779c rgb(144,119,156)
```
#936ea5
```
#936ea5 rgb(147,110,165)
```
#9665ae
```
#9665ae rgb(150,101,174)
```
#995cb7
```
#995cb7 rgb(153,92,183)
```
#9c53c0
```
#9c53c0 rgb(156,83,192)
```
#9f4ac9
```
#9f4ac9 rgb(159,74,201)
```
#a241d2
```
#a241d2 rgb(162,65,210)
```
#a638db
```
#a638db rgb(166,56,219)
```
#a92fe4
```
#a92fe4 rgb(169,47,228)
```
#ac26ed
```
#ac26ed rgb(172,38,237)
```
#af1df6
```
#af1df6 rgb(175,29,246)
```
#b214ff
```
#b214ff rgb(178,20,255)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6f4f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#996e76 Tritanopia 0.001% of the population

Trichromacy

#4052ef Protanomaly 1% of men, 0.01% of women
#4056de Deuteranomaly 6% of men, 0.4% of women
#a24da8 Tritanomaly 0.01% of the population

#b214ff hex color

#b214ff Color Information

#b214ff Color Conversion

Color Schemes with #b214ff

Alternatives to #b214ff

#b214ff Preview

Shades and Tints of #b214ff

Tones of #b214ff

Color Blindness Simulator