#b22afa hex color

In a RGB color space, hex #b22afa is composed of 69.8% red, 16.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 28.8% cyan, 83.2% magenta, 0% yellow and 2% black. It has a hue angle of 279.2 degrees, a saturation of 95.4% and a lightness of 57.3%. #b22afa color hex could be obtained by blending #ff54ff with #6500f5. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 70
- G 16
- B 98
RGB color chart
- C 29
- M 83
- Y 0
- K 2
CMYK color chart

● #b22afa color description : Bright violet.

The hexadecimal color #b22afa has RGB values of R:178, G:42, B:250 and CMYK values of C:0.29, M:0.83, Y:0, K:0.02. Its decimal value is 11676410.

Hex triplet	b22afa	`#b22afa`
RGB Decimal	178, 42, 250	`rgb(178,42,250)`
RGB Percent	69.8, 16.5, 98	`rgb(69.8%,16.5%,98%)`
CMYK	29, 83, 0, 2
HSL	279.2°, 95.4, 57.3	`hsl(279.2,95.4%,57.3%)`
HSV (or HSB)	279.2°, 83.2, 98
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.525, 80.798, -76.1
XYZ	36.441, 18.024, 91.997
xyY	0.249, 0.123, 18.024
CIE-LCH	49.525, 110.994, 316.715
CIE-LUV	49.525, 33.655, -122.322
Hunter-Lab	42.455, 78.919, -98.759
Binary	10110010, 00101010, 11111010

#b22afa
```
#b22afa rgb(178,42,250)
```
#72fa2a
```
#72fa2a rgb(114,250,42)
```

Complementary Color

#4a2afa
```
#4a2afa rgb(74,42,250)
```
#b22afa
```
#b22afa rgb(178,42,250)
```
#fa2ada
```
#fa2ada rgb(250,42,218)
```

Analogous Color

#2afa4a
```
#2afa4a rgb(42,250,74)
```
#b22afa
```
#b22afa rgb(178,42,250)
```
#dafa2a
```
#dafa2a rgb(218,250,42)
```

Split Complementary Color

#2afab2
```
#2afab2 rgb(42,250,178)
```
#b22afa
```
#b22afa rgb(178,42,250)
```
#fab22a
```
#fab22a rgb(250,178,42)
```

Triadic Color

#2a72fa
```
#2a72fa rgb(42,114,250)
```
#b22afa
```
#b22afa rgb(178,42,250)
```
#fab22a
```
#fab22a rgb(250,178,42)
```
#72fa2a
```
#72fa2a rgb(114,250,42)
```

Tetradic Color

#8b05d3
```
#8b05d3 rgb(139,5,211)
```
#9c06eb
```
#9c06eb rgb(156,6,235)
```
#a911f9
```
#a911f9 rgb(169,17,249)
```
#b22afa
```
#b22afa rgb(178,42,250)
```
#bb43fb
```
#bb43fb rgb(187,67,251)
```
#c45cfb
```
#c45cfb rgb(196,92,251)
```
#cd75fc
```
#cd75fc rgb(205,117,252)
```

Monochromatic Color

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

#7e2afa
```
#7e2afa rgb(126,42,250)
```
#8f2afa
```
#8f2afa rgb(143,42,250)
```
#a12afa
```
#a12afa rgb(161,42,250)
```
#b22afa
```
#b22afa rgb(178,42,250)
```
#c32afa
```
#c32afa rgb(195,42,250)
```
#d52afa
```
#d52afa rgb(213,42,250)
```
#e62afa
```
#e62afa rgb(230,42,250)
```

Similar Colors

Text with hexadecimal color #b22afa

This text has a font color of #b22afa.

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

#b22afa background color

This paragraph has a background color of #b22afa.

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

#b22afa border color

This element has a border color of #b22afa.

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

CSS codes

.text {color:#b22afa;}

.background {background-color:#b22afa;}

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

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

#0b0011
```
#0b0011 rgb(11,0,17)
```
#180124
```
#180124 rgb(24,1,36)
```
#250137
```
#250137 rgb(37,1,55)
```
#31024a
```
#31024a rgb(49,2,74)
```
#3e025e
```
#3e025e rgb(62,2,94)
```
#4b0371
```
#4b0371 rgb(75,3,113)
```
#570384
```
#570384 rgb(87,3,132)
```
#640497
```
#640497 rgb(100,4,151)
```
#7104aa
```
#7104aa rgb(113,4,170)
```
#7d04bd
```
#7d04bd rgb(125,4,189)
```
#8a05d1
```
#8a05d1 rgb(138,5,209)
```
#9705e4
```
#9705e4 rgb(151,5,228)
```
#a306f7
```
#a306f7 rgb(163,6,247)
```

Shade Color Variation

#ab17fa
```
#ab17fa rgb(171,23,250)
```
#b22afa
```
#b22afa rgb(178,42,250)
```
#b93dfa
```
#b93dfa rgb(185,61,250)
```
#c050fb
```
#c050fb rgb(192,80,251)
```
#c763fb
```
#c763fb rgb(199,99,251)
```
#ce77fc
```
#ce77fc rgb(206,119,252)
```
#d58afc
```
#d58afc rgb(213,138,252)
```
#dc9dfd
```
#dc9dfd rgb(220,157,253)
```
#e2b0fd
```
#e2b0fd rgb(226,176,253)
```
#e9c3fe
```
#e9c3fe rgb(233,195,254)
```
#f0d6fe
```
#f0d6fe rgb(240,214,254)
```
#f7eafe
```
#f7eafe rgb(247,234,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#938f95
```
#938f95 rgb(147,143,149)
```
#96869e
```
#96869e rgb(150,134,158)
```
#987ea6
```
#987ea6 rgb(152,126,166)
```
#9b75af
```
#9b75af rgb(155,117,175)
```
#9d6db7
```
#9d6db7 rgb(157,109,183)
```
#a065bf
```
#a065bf rgb(160,101,191)
```
#a35cc8
```
#a35cc8 rgb(163,92,200)
```
#a554d0
```
#a554d0 rgb(165,84,208)
```
#a84cd8
```
#a84cd8 rgb(168,76,216)
```
#aa43e1
```
#aa43e1 rgb(170,67,225)
```
#ad3be9
```
#ad3be9 rgb(173,59,233)
```
#af32f2
```
#af32f2 rgb(175,50,242)
```
#b22afa
```
#b22afa rgb(178,42,250)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#785d87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#9b7179 Tritanopia 0.001% of the population

Trichromacy

#405cf1 Protanomaly 1% of men, 0.01% of women
#4060df Deuteranomaly 6% of men, 0.4% of women
#a357a8 Tritanomaly 0.01% of the population

#b22afa hex color

#b22afa Color Information

#b22afa Color Conversion

Color Schemes with #b22afa

Alternatives to #b22afa

#b22afa Preview

Shades and Tints of #b22afa

Tones of #b22afa

Color Blindness Simulator