#b021f2 hex color

In a RGB color space, hex #b021f2 is composed of 69% red, 12.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 86.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 281.1 degrees, a saturation of 88.9% and a lightness of 53.9%. #b021f2 color hex could be obtained by blending #ff42ff with #6100e5. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 13
- B 95
RGB color chart
- C 27
- M 86
- Y 0
- K 5
CMYK color chart

● #b021f2 color description : Vivid violet.

The hexadecimal color #b021f2 has RGB values of R:176, G:33, B:242 and CMYK values of C:0.27, M:0.86, Y:0, K:0.05. Its decimal value is 11543026.

Hex triplet	b021f2	`#b021f2`
RGB Decimal	176, 33, 242	`rgb(176,33,242)`
RGB Percent	69, 12.9, 94.9	`rgb(69%,12.9%,94.9%)`
CMYK	27, 86, 0, 5
HSL	281.1°, 88.9, 53.9	`hsl(281.1,88.9%,53.9%)`
HSV (or HSB)	281.1°, 86.4, 94.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	47.918, 81.068, -74.249
XYZ	34.473, 16.73, 85.413
xyY	0.252, 0.122, 16.73
CIE-LCH	47.918, 109.932, 317.514
CIE-LUV	47.918, 35.342, -118.581
Hunter-Lab	40.902, 78.866, -95.18
Binary	10110000, 00100001, 11110010

#b021f2
```
#b021f2 rgb(176,33,242)
```
#63f221
```
#63f221 rgb(99,242,33)
```

Complementary Color

#4821f2
```
#4821f2 rgb(72,33,242)
```
#b021f2
```
#b021f2 rgb(176,33,242)
```
#f221cc
```
#f221cc rgb(242,33,204)
```

Analogous Color

#21f247
```
#21f247 rgb(33,242,71)
```
#b021f2
```
#b021f2 rgb(176,33,242)
```
#ccf221
```
#ccf221 rgb(204,242,33)
```

Split Complementary Color

#21f2b0
```
#21f2b0 rgb(33,242,176)
```
#b021f2
```
#b021f2 rgb(176,33,242)
```
#f2b021
```
#f2b021 rgb(242,176,33)
```

Triadic Color

#2163f2
```
#2163f2 rgb(33,99,242)
```
#b021f2
```
#b021f2 rgb(176,33,242)
```
#f2b021
```
#f2b021 rgb(242,176,33)
```
#63f221
```
#63f221 rgb(99,242,33)
```

Tetradic Color

#840bbc
```
#840bbc rgb(132,11,188)
```
#950cd4
```
#950cd4 rgb(149,12,212)
```
#a60eec
```
#a60eec rgb(166,14,236)
```
#b021f2
```
#b021f2 rgb(176,33,242)
```
#b939f3
```
#b939f3 rgb(185,57,243)
```
#c151f5
```
#c151f5 rgb(193,81,245)
```
#ca69f6
```
#ca69f6 rgb(202,105,246)
```

Monochromatic Color

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

#7c21f2
```
#7c21f2 rgb(124,33,242)
```
#8d21f2
```
#8d21f2 rgb(141,33,242)
```
#9f21f2
```
#9f21f2 rgb(159,33,242)
```
#b021f2
```
#b021f2 rgb(176,33,242)
```
#c121f2
```
#c121f2 rgb(193,33,242)
```
#d321f2
```
#d321f2 rgb(211,33,242)
```
#e421f2
```
#e421f2 rgb(228,33,242)
```

Similar Colors

Text with hexadecimal color #b021f2

This text has a font color of #b021f2.

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

#b021f2 background color

This paragraph has a background color of #b021f2.

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

#b021f2 border color

This element has a border color of #b021f2.

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

CSS codes

.text {color:#b021f2;}

.background {background-color:#b021f2;}

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

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 #f9edfe is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0d0113
```
#0d0113 rgb(13,1,19)
```
#1a0225
```
#1a0225 rgb(26,2,37)
```
#270338
```
#270338 rgb(39,3,56)
```
#34044a
```
#34044a rgb(52,4,74)
```
#41055d
```
#41055d rgb(65,5,93)
```
#4e0770
```
#4e0770 rgb(78,7,112)
```
#5b0882
```
#5b0882 rgb(91,8,130)
```
#680995
```
#680995 rgb(104,9,149)
```
#750aa7
```
#750aa7 rgb(117,10,167)
```
#820bba
```
#820bba rgb(130,11,186)
```
#8f0ccc
```
#8f0ccc rgb(143,12,204)
```
#9d0ddf
```
#9d0ddf rgb(157,13,223)
```

Shade Color Variation

#a90ef1
```
#a90ef1 rgb(169,14,241)
```
#b021f2
```
#b021f2 rgb(176,33,242)
```
#b734f3
```
#b734f3 rgb(183,52,243)
```
#bd46f4
```
#bd46f4 rgb(189,70,244)
```
#c459f5
```
#c459f5 rgb(196,89,245)
```
#ca6bf6
```
#ca6bf6 rgb(202,107,246)
```
#d17ef7
```
#d17ef7 rgb(209,126,247)
```
#d890f9
```
#d890f9 rgb(216,144,249)
```
#dea3fa
```
#dea3fa rgb(222,163,250)
```
#e5b5fb
```
#e5b5fb rgb(229,181,251)
```
#ebc8fc
```
#ebc8fc rgb(235,200,252)
```
#f2dafd
```
#f2dafd rgb(242,218,253)
```
#f9edfe
```
#f9edfe rgb(249,237,254)
```

Tint Color Variation

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

#8b848f
```
#8b848f rgb(139,132,143)
```
#8f7b98
```
#8f7b98 rgb(143,123,152)
```
#9272a1
```
#9272a1 rgb(146,114,161)
```
#9569aa
```
#9569aa rgb(149,105,170)
```
#9960b3
```
#9960b3 rgb(153,96,179)
```
#9c57bc
```
#9c57bc rgb(156,87,188)
```
#9f4ec5
```
#9f4ec5 rgb(159,78,197)
```
#a345ce
```
#a345ce rgb(163,69,206)
```
#a63cd7
```
#a63cd7 rgb(166,60,215)
```
#a933e0
```
#a933e0 rgb(169,51,224)
```
#ad2ae9
```
#ad2ae9 rgb(173,42,233)
```
#b021f2
```
#b021f2 rgb(176,33,242)
```
#b318fb
```
#b318fb rgb(179,24,251)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#735780 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#4056e9 Protanomaly 1% of men, 0.01% of women
#405ad8 Deuteranomaly 6% of men, 0.4% of women
#a250a1 Tritanomaly 0.01% of the population

#b021f2 hex color

#b021f2 Color Information

#b021f2 Color Conversion

Color Schemes with #b021f2

Alternatives to #b021f2

#b021f2 Preview

Shades and Tints of #b021f2

Tones of #b021f2

Color Blindness Simulator