#b421f0 hex color

In a RGB color space, hex #b421f0 is composed of 70.6% red, 12.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 86.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 282.6 degrees, a saturation of 87.3% and a lightness of 53.5%. #b421f0 color hex could be obtained by blending #ff42ff with #6900e1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 71
- G 13
- B 94
RGB color chart
- C 25
- M 86
- Y 0
- K 6
CMYK color chart

● #b421f0 color description : Vivid violet.

The hexadecimal color #b421f0 has RGB values of R:180, G:33, B:240 and CMYK values of C:0.25, M:0.86, Y:0, K:0.06. Its decimal value is 11805168.

Hex triplet	b421f0	`#b421f0`
RGB Decimal	180, 33, 240	`rgb(180,33,240)`
RGB Percent	70.6, 12.9, 94.1	`rgb(70.6%,12.9%,94.1%)`
CMYK	25, 86, 0, 6
HSL	282.6°, 87.3, 53.5	`hsl(282.6,87.3%,53.5%)`
HSV (or HSB)	282.6°, 86.3, 94.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	48.365, 81.261, -72.37
XYZ	35.092, 17.084, 83.882
xyY	0.258, 0.126, 17.084
CIE-LCH	48.365, 108.815, 318.312
CIE-LUV	48.365, 38.147, -116.431
Hunter-Lab	41.332, 79.221, -91.394
Binary	10110100, 00100001, 11110000

#b421f0
```
#b421f0 rgb(180,33,240)
```
#5df021
```
#5df021 rgb(93,240,33)
```

Complementary Color

#4c21f0
```
#4c21f0 rgb(76,33,240)
```
#b421f0
```
#b421f0 rgb(180,33,240)
```
#f021c5
```
#f021c5 rgb(240,33,197)
```

Analogous Color

#21f04c
```
#21f04c rgb(33,240,76)
```
#b421f0
```
#b421f0 rgb(180,33,240)
```
#c5f021
```
#c5f021 rgb(197,240,33)
```

Split Complementary Color

#21f0b4
```
#21f0b4 rgb(33,240,180)
```
#b421f0
```
#b421f0 rgb(180,33,240)
```
#f0b421
```
#f0b421 rgb(240,180,33)
```

Triadic Color

#215df0
```
#215df0 rgb(33,93,240)
```
#b421f0
```
#b421f0 rgb(180,33,240)
```
#f0b421
```
#f0b421 rgb(240,180,33)
```
#5df021
```
#5df021 rgb(93,240,33)
```

Tetradic Color

#860cb8
```
#860cb8 rgb(134,12,184)
```
#980ed0
```
#980ed0 rgb(152,14,208)
```
#a910e8
```
#a910e8 rgb(169,16,232)
```
#b421f0
```
#b421f0 rgb(180,33,240)
```
#bc39f2
```
#bc39f2 rgb(188,57,242)
```
#c451f3
```
#c451f3 rgb(196,81,243)
```
#cc69f5
```
#cc69f5 rgb(204,105,245)
```

Monochromatic Color

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

#8021f0
```
#8021f0 rgb(128,33,240)
```
#9221f0
```
#9221f0 rgb(146,33,240)
```
#a321f0
```
#a321f0 rgb(163,33,240)
```
#b421f0
```
#b421f0 rgb(180,33,240)
```
#c521f0
```
#c521f0 rgb(197,33,240)
```
#d721f0
```
#d721f0 rgb(215,33,240)
```
#e821f0
```
#e821f0 rgb(232,33,240)
```

Similar Colors

Text with hexadecimal color #b421f0

This text has a font color of #b421f0.

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

#b421f0 background color

This paragraph has a background color of #b421f0.

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

#b421f0 border color

This element has a border color of #b421f0.

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

CSS codes

.text {color:#b421f0;}

.background {background-color:#b421f0;}

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

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, #0c0111 is the darkest color, while #fefdff is the lightest one.

#0c0111
```
#0c0111 rgb(12,1,17)
```
#1a0223
```
#1a0223 rgb(26,2,35)
```
#270436
```
#270436 rgb(39,4,54)
```
#350548
```
#350548 rgb(53,5,72)
```
#42065a
```
#42065a rgb(66,6,90)
```
#4f076d
```
#4f076d rgb(79,7,109)
```
#5d097f
```
#5d097f rgb(93,9,127)
```
#6a0a91
```
#6a0a91 rgb(106,10,145)
```
#780ba4
```
#780ba4 rgb(120,11,164)
```
#850cb6
```
#850cb6 rgb(133,12,182)
```
#920ec9
```
#920ec9 rgb(146,14,201)
```
#a00fdb
```
#a00fdb rgb(160,15,219)
```
#ad10ed
```
#ad10ed rgb(173,16,237)
```

Shade Color Variation

#b421f0
```
#b421f0 rgb(180,33,240)
```
#ba33f1
```
#ba33f1 rgb(186,51,241)
```
#c046f2
```
#c046f2 rgb(192,70,242)
```
#c758f4
```
#c758f4 rgb(199,88,244)
```
#cd6af5
```
#cd6af5 rgb(205,106,245)
```
#d37df6
```
#d37df6 rgb(211,125,246)
```
#d98ff7
```
#d98ff7 rgb(217,143,247)
```
#dfa2f9
```
#dfa2f9 rgb(223,162,249)
```
#e6b4fa
```
#e6b4fa rgb(230,180,250)
```
#ecc6fb
```
#ecc6fb rgb(236,198,251)
```
#f2d9fc
```
#f2d9fc rgb(242,217,252)
```
#f8ebfe
```
#f8ebfe rgb(248,235,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#8a858c
```
#8a858c rgb(138,133,140)
```
#8e7c95
```
#8e7c95 rgb(142,124,149)
```
#92739e
```
#92739e rgb(146,115,158)
```
#956aa7
```
#956aa7 rgb(149,106,167)
```
#9961b0
```
#9961b0 rgb(153,97,176)
```
#9d58b9
```
#9d58b9 rgb(157,88,185)
```
#a14fc2
```
#a14fc2 rgb(161,79,194)
```
#a545cc
```
#a545cc rgb(165,69,204)
```
#a93cd5
```
#a93cd5 rgb(169,60,213)
```
#ac33de
```
#ac33de rgb(172,51,222)
```
#b02ae7
```
#b02ae7 rgb(176,42,231)
```
#b421f0
```
#b421f0 rgb(180,33,240)
```
#b818f9
```
#b818f9 rgb(184,24,249)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#755781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007ccc Deuteranopia 1% of men
#a06b72 Tritanopia 0.001% of the population

Trichromacy

#4157ea Protanomaly 1% of men, 0.01% of women
#415bd9 Deuteranomaly 6% of men, 0.4% of women
#a750a0 Tritanomaly 0.01% of the population

#b421f0 hex color

#b421f0 Color Information

#b421f0 Color Conversion

Color Schemes with #b421f0

Alternatives to #b421f0

#b421f0 Preview

Shades and Tints of #b421f0

Tones of #b421f0

Color Blindness Simulator