#b420ff hex color

In a RGB color space, hex #b420ff is composed of 70.6% red, 12.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 87.5% magenta, 0% yellow and 0% black. It has a hue angle of 279.8 degrees, a saturation of 100% and a lightness of 56.3%. #b420ff color hex could be obtained by blending #ff40ff 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

● #b420ff color description : Vivid violet.

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

Hex triplet	b420ff	`#b420ff`
RGB Decimal	180, 32, 255	`rgb(180,32,255)`
RGB Percent	70.6, 12.5, 100	`rgb(70.6%,12.5%,100%)`
CMYK	29, 87, 0, 0
HSL	279.8°, 100, 56.3	`hsl(279.8,100%,56.3%)`
HSV (or HSB)	279.8°, 87.5, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.444, 84.261, -79.009
XYZ	37.386, 17.957, 96.099
xyY	0.247, 0.119, 17.957
CIE-LCH	49.444, 115.509, 316.842
CIE-LUV	49.444, 34.375, -126.455
Hunter-Lab	42.376, 83.323, -104.792
Binary	10110100, 00100000, 11111111

#b420ff
```
#b420ff rgb(180,32,255)
```
#6bff20
```
#6bff20 rgb(107,255,32)
```

Complementary Color

#4520ff
```
#4520ff rgb(69,32,255)
```
#b420ff
```
#b420ff rgb(180,32,255)
```
#ff20db
```
#ff20db rgb(255,32,219)
```

Analogous Color

#20ff45
```
#20ff45 rgb(32,255,69)
```
#b420ff
```
#b420ff rgb(180,32,255)
```
#dbff20
```
#dbff20 rgb(219,255,32)
```

Split Complementary Color

#20ffb4
```
#20ffb4 rgb(32,255,180)
```
#b420ff
```
#b420ff rgb(180,32,255)
```
#ffb420
```
#ffb420 rgb(255,180,32)
```

Triadic Color

#206bff
```
#206bff rgb(32,107,255)
```
#b420ff
```
#b420ff rgb(180,32,255)
```
#ffb420
```
#ffb420 rgb(255,180,32)
```
#6bff20
```
#6bff20 rgb(107,255,32)
```

Tetradic Color

#8c00d3
```
#8c00d3 rgb(140,0,211)
```
#9d00ec
```
#9d00ec rgb(157,0,236)
```
#ab06ff
```
#ab06ff rgb(171,6,255)
```
#b420ff
```
#b420ff rgb(180,32,255)
```
#bd3aff
```
#bd3aff rgb(189,58,255)
```
#c553ff
```
#c553ff rgb(197,83,255)
```
#ce6dff
```
#ce6dff rgb(206,109,255)
```

Monochromatic Color

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

#7c20ff
```
#7c20ff rgb(124,32,255)
```
#8f20ff
```
#8f20ff rgb(143,32,255)
```
#a120ff
```
#a120ff rgb(161,32,255)
```
#b420ff
```
#b420ff rgb(180,32,255)
```
#c720ff
```
#c720ff rgb(199,32,255)
```
#d920ff
```
#d920ff rgb(217,32,255)
```
#ec20ff
```
#ec20ff rgb(236,32,255)
```

Similar Colors

Text with hexadecimal color #b420ff

This text has a font color of #b420ff.

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

#b420ff background color

This paragraph has a background color of #b420ff.

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

#b420ff border color

This element has a border color of #b420ff.

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

CSS codes

.text {color:#b420ff;}

.background {background-color:#b420ff;}

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

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, #08000c is the darkest color, while #fdf8ff is the lightest one.

#08000c
```
#08000c rgb(8,0,12)
```
#150020
```
#150020 rgb(21,0,32)
```
#220034
```
#220034 rgb(34,0,52)
```
#2f0047
```
#2f0047 rgb(47,0,71)
```
#3c005b
```
#3c005b rgb(60,0,91)
```
#49006e
```
#49006e rgb(73,0,110)
```
#560082
```
#560082 rgb(86,0,130)
```
#630096
```
#630096 rgb(99,0,150)
```
#7000a9
```
#7000a9 rgb(112,0,169)
```
#7d00bd
```
#7d00bd rgb(125,0,189)
```
#8a00d1
```
#8a00d1 rgb(138,0,209)
```
#9700e4
```
#9700e4 rgb(151,0,228)
```
#a400f8
```
#a400f8 rgb(164,0,248)
```

Shade Color Variation

#ad0cff
```
#ad0cff rgb(173,12,255)
```
#b420ff
```
#b420ff rgb(180,32,255)
```
#bb34ff
```
#bb34ff rgb(187,52,255)
```
#c147ff
```
#c147ff rgb(193,71,255)
```
#c85bff
```
#c85bff rgb(200,91,255)
```
#ce6eff
```
#ce6eff rgb(206,110,255)
```
#d582ff
```
#d582ff rgb(213,130,255)
```
#dc96ff
```
#dc96ff rgb(220,150,255)
```
#e2a9ff
```
#e2a9ff rgb(226,169,255)
```
#e9bdff
```
#e9bdff rgb(233,189,255)
```
#efd1ff
```
#efd1ff rgb(239,209,255)
```
#f6e4ff
```
#f6e4ff rgb(246,228,255)
```
#fdf8ff
```
#fdf8ff rgb(253,248,255)
```

Tint Color Variation

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

#928798
```
#928798 rgb(146,135,152)
```
#957ea1
```
#957ea1 rgb(149,126,161)
```
#9876a9
```
#9876a9 rgb(152,118,169)
```
#9b6db2
```
#9b6db2 rgb(155,109,178)
```
#9e65ba
```
#9e65ba rgb(158,101,186)
```
#a05cc3
```
#a05cc3 rgb(160,92,195)
```
#a353cc
```
#a353cc rgb(163,83,204)
```
#a64bd4
```
#a64bd4 rgb(166,75,212)
```
#a942dd
```
#a942dd rgb(169,66,221)
```
#ac3ae5
```
#ac3ae5 rgb(172,58,229)
```
#ae31ee
```
#ae31ee rgb(174,49,238)
```
#b129f6
```
#b129f6 rgb(177,41,246)
```
#b420ff
```
#b420ff rgb(180,32,255)
```

Tone Color Variation

Below, you can see how #b420ff 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
#007fcf Deuteranopia 1% of men
#9c7178 Tritanopia 0.001% of the population

Trichromacy

#4158f2 Protanomaly 1% of men, 0.01% of women
#415ce1 Deuteranomaly 6% of men, 0.4% of women
#a553a9 Tritanomaly 0.01% of the population

#b420ff hex color

#b420ff Color Information

#b420ff Color Conversion

Color Schemes with #b420ff

Alternatives to #b420ff

#b420ff Preview

Shades and Tints of #b420ff

Tones of #b420ff

Color Blindness Simulator