#b421ff hex color

In a RGB color space, hex #b421ff is composed of 70.6% red, 12.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 87.1% magenta, 0% yellow and 0% black. It has a hue angle of 279.7 degrees, a saturation of 100% and a lightness of 56.5%. #b421ff color hex could be obtained by blending #ff42ff with #6900ff. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 71
- G 13
- B 100
RGB color chart
- C 29
- M 87
- Y 0
- K 0
CMYK color chart

● #b421ff color description : Vivid violet.

The hexadecimal color #b421ff has RGB values of R:180, G:33, B:255 and CMYK values of C:0.29, M:0.87, Y:0, K:0. Its decimal value is 11805183.

Hex triplet	b421ff	`#b421ff`
RGB Decimal	180, 33, 255	`rgb(180,33,255)`
RGB Percent	70.6, 12.9, 100	`rgb(70.6%,12.9%,100%)`
CMYK	29, 87, 0, 0
HSL	279.7°, 100, 56.5	`hsl(279.7,100%,56.5%)`
HSV (or HSB)	279.7°, 87.1, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.511, 84.064, -78.901
XYZ	37.414, 18.012, 96.108
xyY	0.247, 0.119, 18.012
CIE-LCH	49.511, 115.292, 316.815
CIE-LUV	49.511, 34.302, -126.35
Hunter-Lab	42.441, 83.086, -104.556
Binary	10110100, 00100001, 11111111

#b421ff
```
#b421ff rgb(180,33,255)
```
#6cff21
```
#6cff21 rgb(108,255,33)
```

Complementary Color

#4521ff
```
#4521ff rgb(69,33,255)
```
#b421ff
```
#b421ff rgb(180,33,255)
```
#ff21db
```
#ff21db rgb(255,33,219)
```

Analogous Color

#21ff45
```
#21ff45 rgb(33,255,69)
```
#b421ff
```
#b421ff rgb(180,33,255)
```
#dbff21
```
#dbff21 rgb(219,255,33)
```

Split Complementary Color

#21ffb4
```
#21ffb4 rgb(33,255,180)
```
#b421ff
```
#b421ff rgb(180,33,255)
```
#ffb421
```
#ffb421 rgb(255,180,33)
```

Triadic Color

#216cff
```
#216cff rgb(33,108,255)
```
#b421ff
```
#b421ff rgb(180,33,255)
```
#ffb421
```
#ffb421 rgb(255,180,33)
```
#6cff21
```
#6cff21 rgb(108,255,33)
```

Tetradic Color

#8c00d4
```
#8c00d4 rgb(140,0,212)
```
#9d00ed
```
#9d00ed rgb(157,0,237)
```
#ab07ff
```
#ab07ff rgb(171,7,255)
```
#b421ff
```
#b421ff rgb(180,33,255)
```
#bd3bff
```
#bd3bff rgb(189,59,255)
```
#c554ff
```
#c554ff rgb(197,84,255)
```
#ce6eff
```
#ce6eff rgb(206,110,255)
```

Monochromatic Color

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

#7d21ff
```
#7d21ff rgb(125,33,255)
```
#8f21ff
```
#8f21ff rgb(143,33,255)
```
#a221ff
```
#a221ff rgb(162,33,255)
```
#b421ff
```
#b421ff rgb(180,33,255)
```
#c721ff
```
#c721ff rgb(199,33,255)
```
#d921ff
```
#d921ff rgb(217,33,255)
```
#ec21ff
```
#ec21ff rgb(236,33,255)
```

Similar Colors

Text with hexadecimal color #b421ff

This text has a font color of #b421ff.

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

#b421ff background color

This paragraph has a background color of #b421ff.

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

#b421ff border color

This element has a border color of #b421ff.

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

CSS codes

.text {color:#b421ff;}

.background {background-color:#b421ff;}

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

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, #09000d is the darkest color, while #fdf9ff is the lightest one.

#09000d
```
#09000d rgb(9,0,13)
```
#160021
```
#160021 rgb(22,0,33)
```
#230035
```
#230035 rgb(35,0,53)
```
#300048
```
#300048 rgb(48,0,72)
```
#3d005c
```
#3d005c rgb(61,0,92)
```
#4a006f
```
#4a006f rgb(74,0,111)
```
#570083
```
#570083 rgb(87,0,131)
```
#640097
```
#640097 rgb(100,0,151)
```
#7100aa
```
#7100aa rgb(113,0,170)
```
#7e00be
```
#7e00be rgb(126,0,190)
```
#8b00d2
```
#8b00d2 rgb(139,0,210)
```
#9800e5
```
#9800e5 rgb(152,0,229)
```
#a500f9
```
#a500f9 rgb(165,0,249)
```

Shade Color Variation

#ad0dff
```
#ad0dff rgb(173,13,255)
```
#b421ff
```
#b421ff rgb(180,33,255)
```
#bb35ff
```
#bb35ff rgb(187,53,255)
```
#c148ff
```
#c148ff rgb(193,72,255)
```
#c85cff
```
#c85cff rgb(200,92,255)
```
#cf6fff
```
#cf6fff rgb(207,111,255)
```
#d583ff
```
#d583ff rgb(213,131,255)
```
#dc97ff
```
#dc97ff rgb(220,151,255)
```
#e2aaff
```
#e2aaff rgb(226,170,255)
```
#e9beff
```
#e9beff rgb(233,190,255)
```
#f0d2ff
```
#f0d2ff rgb(240,210,255)
```
#f6e5ff
```
#f6e5ff rgb(246,229,255)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#938799
```
#938799 rgb(147,135,153)
```
#967fa1
```
#967fa1 rgb(150,127,161)
```
#9876aa
```
#9876aa rgb(152,118,170)
```
#9b6eb2
```
#9b6eb2 rgb(155,110,178)
```
#9e65bb
```
#9e65bb rgb(158,101,187)
```
#a15dc3
```
#a15dc3 rgb(161,93,195)
```
#a354cc
```
#a354cc rgb(163,84,204)
```
#a64cd4
```
#a64cd4 rgb(166,76,212)
```
#a943dd
```
#a943dd rgb(169,67,221)
```
#ac3be5
```
#ac3be5 rgb(172,59,229)
```
#ae32ee
```
#ae32ee rgb(174,50,238)
```
#b12af6
```
#b12af6 rgb(177,42,246)
```
#b421ff
```
#b421ff rgb(180,33,255)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#765885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079eb Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#9c7179 Tritanopia 0.001% of the population

Trichromacy

#4159f2 Protanomaly 1% of men, 0.01% of women
#415de1 Deuteranomaly 6% of men, 0.4% of women
#a554a9 Tritanomaly 0.01% of the population

#b421ff hex color

#b421ff Color Information

#b421ff Color Conversion

Color Schemes with #b421ff

Alternatives to #b421ff

#b421ff Preview

Shades and Tints of #b421ff

Tones of #b421ff

Color Blindness Simulator