#b22af8 hex color

In a RGB color space, hex #b22af8 is composed of 69.8% red, 16.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 28.2% cyan, 83.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 279.6 degrees, a saturation of 93.6% and a lightness of 56.9%. #b22af8 color hex could be obtained by blending #ff54ff with #6500f1. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 70
- G 16
- B 97
RGB color chart
- C 28
- M 83
- Y 0
- K 3
CMYK color chart

● #b22af8 color description : Bright violet.

The hexadecimal color #b22af8 has RGB values of R:178, G:42, B:248 and CMYK values of C:0.28, M:0.83, Y:0, K:0.03. Its decimal value is 11676408.

Hex triplet	b22af8	`#b22af8`
RGB Decimal	178, 42, 248	`rgb(178,42,248)`
RGB Percent	69.8, 16.5, 97.3	`rgb(69.8%,16.5%,97.3%)`
CMYK	28, 83, 0, 3
HSL	279.6°, 93.6, 56.9	`hsl(279.6,93.6%,56.9%)`
HSV (or HSB)	279.6°, 83.1, 97.3
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.374, 80.412, -75.229
XYZ	36.129, 17.899, 90.353
xyY	0.25, 0.124, 17.899
CIE-LCH	49.374, 110.116, 316.907
CIE-LUV	49.374, 34.144, -120.993
Hunter-Lab	42.308, 78.394, -97.007
Binary	10110010, 00101010, 11111000

#b22af8
```
#b22af8 rgb(178,42,248)
```
#70f82a
```
#70f82a rgb(112,248,42)
```

Complementary Color

#4b2af8
```
#4b2af8 rgb(75,42,248)
```
#b22af8
```
#b22af8 rgb(178,42,248)
```
#f82ad7
```
#f82ad7 rgb(248,42,215)
```

Analogous Color

#2af84b
```
#2af84b rgb(42,248,75)
```
#b22af8
```
#b22af8 rgb(178,42,248)
```
#d7f82a
```
#d7f82a rgb(215,248,42)
```

Split Complementary Color

#2af8b2
```
#2af8b2 rgb(42,248,178)
```
#b22af8
```
#b22af8 rgb(178,42,248)
```
#f8b22a
```
#f8b22a rgb(248,178,42)
```

Triadic Color

#2a70f8
```
#2a70f8 rgb(42,112,248)
```
#b22af8
```
#b22af8 rgb(178,42,248)
```
#f8b22a
```
#f8b22a rgb(248,178,42)
```
#70f82a
```
#70f82a rgb(112,248,42)
```

Tetradic Color

#8b07cf
```
#8b07cf rgb(139,7,207)
```
#9b08e7
```
#9b08e7 rgb(155,8,231)
```
#a911f7
```
#a911f7 rgb(169,17,247)
```
#b22af8
```
#b22af8 rgb(178,42,248)
```
#bb43f9
```
#bb43f9 rgb(187,67,249)
```
#c45bfa
```
#c45bfa rgb(196,91,250)
```
#cd74fa
```
#cd74fa rgb(205,116,250)
```

Monochromatic Color

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

#7f2af8
```
#7f2af8 rgb(127,42,248)
```
#902af8
```
#902af8 rgb(144,42,248)
```
#a12af8
```
#a12af8 rgb(161,42,248)
```
#b22af8
```
#b22af8 rgb(178,42,248)
```
#c32af8
```
#c32af8 rgb(195,42,248)
```
#d42af8
```
#d42af8 rgb(212,42,248)
```
#e62af8
```
#e62af8 rgb(230,42,248)
```

Similar Colors

Text with hexadecimal color #b22af8

This text has a font color of #b22af8.

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

#b22af8 background color

This paragraph has a background color of #b22af8.

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

#b22af8 border color

This element has a border color of #b22af8.

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

CSS codes

.text {color:#b22af8;}

.background {background-color:#b22af8;}

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

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

#0a000f
```
#0a000f rgb(10,0,15)
```
#170122
```
#170122 rgb(23,1,34)
```
#230235
```
#230235 rgb(35,2,53)
```
#300248
```
#300248 rgb(48,2,72)
```
#3d035b
```
#3d035b rgb(61,3,91)
```
#4a046e
```
#4a046e rgb(74,4,110)
```
#560481
```
#560481 rgb(86,4,129)
```
#630594
```
#630594 rgb(99,5,148)
```
#7005a7
```
#7005a7 rgb(112,5,167)
```
#7d06ba
```
#7d06ba rgb(125,6,186)
```
#8a07cd
```
#8a07cd rgb(138,7,205)
```
#9607e0
```
#9607e0 rgb(150,7,224)
```
#a308f3
```
#a308f3 rgb(163,8,243)
```

Shade Color Variation

#ab17f7
```
#ab17f7 rgb(171,23,247)
```
#b22af8
```
#b22af8 rgb(178,42,248)
```
#b93df9
```
#b93df9 rgb(185,61,249)
```
#c050f9
```
#c050f9 rgb(192,80,249)
```
#c763fa
```
#c763fa rgb(199,99,250)
```
#cd76fa
```
#cd76fa rgb(205,118,250)
```
#d489fb
```
#d489fb rgb(212,137,251)
```
#db9cfc
```
#db9cfc rgb(219,156,252)
```
#e2affc
```
#e2affc rgb(226,175,252)
```
#e9c2fd
```
#e9c2fd rgb(233,194,253)
```
#f0d5fe
```
#f0d5fe rgb(240,213,254)
```
#f7e8fe
```
#f7e8fe rgb(247,232,254)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#919092
```
#919092 rgb(145,144,146)
```
#94879b
```
#94879b rgb(148,135,155)
```
#977fa3
```
#977fa3 rgb(151,127,163)
```
#9a76ac
```
#9a76ac rgb(154,118,172)
```
#9c6eb4
```
#9c6eb4 rgb(156,110,180)
```
#9f65bd
```
#9f65bd rgb(159,101,189)
```
#a25dc5
```
#a25dc5 rgb(162,93,197)
```
#a454ce
```
#a454ce rgb(164,84,206)
```
#a74cd6
```
#a74cd6 rgb(167,76,214)
```
#aa43df
```
#aa43df rgb(170,67,223)
```
#ad3be7
```
#ad3be7 rgb(173,59,231)
```
#af32f0
```
#af32f0 rgb(175,50,240)
```
#b22af8
```
#b22af8 rgb(178,42,248)
```

Tone Color Variation

Below, you can see how #b22af8 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
#785d86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#9c7078 Tritanopia 0.001% of the population

Trichromacy

#405cef Protanomaly 1% of men, 0.01% of women
#4060de Deuteranomaly 6% of men, 0.4% of women
#a457a6 Tritanomaly 0.01% of the population

#b22af8 hex color

#b22af8 Color Information

#b22af8 Color Conversion

Color Schemes with #b22af8

Alternatives to #b22af8

#b22af8 Preview

Shades and Tints of #b22af8

Tones of #b22af8

Color Blindness Simulator