#b22afc hex color

In a RGB color space, hex #b22afc is composed of 69.8% red, 16.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 83.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 278.9 degrees, a saturation of 97.2% and a lightness of 57.6%. #b22afc color hex could be obtained by blending #ff54ff with #6500f9. Closest websafe color is: #9933ff.

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

● #b22afc color description : Bright violet.

The hexadecimal color #b22afc has RGB values of R:178, G:42, B:252 and CMYK values of C:0.29, M:0.83, Y:0, K:0.01. Its decimal value is 11676412.

Hex triplet	b22afc	`#b22afc`
RGB Decimal	178, 42, 252	`rgb(178,42,252)`
RGB Percent	69.8, 16.5, 98.8	`rgb(69.8%,16.5%,98.8%)`
CMYK	29, 83, 0, 1
HSL	278.9°, 97.2, 57.6	`hsl(278.9,97.2%,57.6%)`
HSV (or HSB)	278.9°, 83.3, 98.8
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.678, 81.185, -76.968
XYZ	36.756, 18.15, 93.657
xyY	0.247, 0.122, 18.15
CIE-LCH	49.678, 111.871, 316.527
CIE-LUV	49.678, 33.171, -123.647
Hunter-Lab	42.603, 79.448, -100.519
Binary	10110010, 00101010, 11111100

#b22afc
```
#b22afc rgb(178,42,252)
```
#74fc2a
```
#74fc2a rgb(116,252,42)
```

Complementary Color

#492afc
```
#492afc rgb(73,42,252)
```
#b22afc
```
#b22afc rgb(178,42,252)
```
#fc2add
```
#fc2add rgb(252,42,221)
```

Analogous Color

#2afc49
```
#2afc49 rgb(42,252,73)
```
#b22afc
```
#b22afc rgb(178,42,252)
```
#ddfc2a
```
#ddfc2a rgb(221,252,42)
```

Split Complementary Color

#2afcb2
```
#2afcb2 rgb(42,252,178)
```
#b22afc
```
#b22afc rgb(178,42,252)
```
#fcb22a
```
#fcb22a rgb(252,178,42)
```

Triadic Color

#2a74fc
```
#2a74fc rgb(42,116,252)
```
#b22afc
```
#b22afc rgb(178,42,252)
```
#fcb22a
```
#fcb22a rgb(252,178,42)
```
#74fc2a
```
#74fc2a rgb(116,252,42)
```

Tetradic Color

#8c03d6
```
#8c03d6 rgb(140,3,214)
```
#9c03f0
```
#9c03f0 rgb(156,3,240)
```
#a911fc
```
#a911fc rgb(169,17,252)
```
#b22afc
```
#b22afc rgb(178,42,252)
```
#bb43fc
```
#bb43fc rgb(187,67,252)
```
#c45cfd
```
#c45cfd rgb(196,92,253)
```
#cd75fd
```
#cd75fd rgb(205,117,253)
```

Monochromatic Color

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

#7e2afc
```
#7e2afc rgb(126,42,252)
```
#8f2afc
```
#8f2afc rgb(143,42,252)
```
#a12afc
```
#a12afc rgb(161,42,252)
```
#b22afc
```
#b22afc rgb(178,42,252)
```
#c42afc
```
#c42afc rgb(196,42,252)
```
#d52afc
```
#d52afc rgb(213,42,252)
```
#e72afc
```
#e72afc rgb(231,42,252)
```

Similar Colors

Text with hexadecimal color #b22afc

This text has a font color of #b22afc.

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

#b22afc background color

This paragraph has a background color of #b22afc.

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

#b22afc border color

This element has a border color of #b22afc.

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

CSS codes

.text {color:#b22afc;}

.background {background-color:#b22afc;}

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

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

#0c0013
```
#0c0013 rgb(12,0,19)
```
#190126
```
#190126 rgb(25,1,38)
```
#26013a
```
#26013a rgb(38,1,58)
```
#32014d
```
#32014d rgb(50,1,77)
```
#3f0160
```
#3f0160 rgb(63,1,96)
```
#4c0274
```
#4c0274 rgb(76,2,116)
```
#580287
```
#580287 rgb(88,2,135)
```
#65029b
```
#65029b rgb(101,2,155)
```
#7102ae
```
#7102ae rgb(113,2,174)
```
#7e03c1
```
#7e03c1 rgb(126,3,193)
```
#8b03d5
```
#8b03d5 rgb(139,3,213)
```
#9703e8
```
#9703e8 rgb(151,3,232)
```
#a404fb
```
#a404fb rgb(164,4,251)
```

Shade Color Variation

#ab17fc
```
#ab17fc rgb(171,23,252)
```
#b22afc
```
#b22afc rgb(178,42,252)
```
#b93dfc
```
#b93dfc rgb(185,61,252)
```
#c051fd
```
#c051fd rgb(192,81,253)
```
#c764fd
```
#c764fd rgb(199,100,253)
```
#ce77fd
```
#ce77fd rgb(206,119,253)
```
#d58bfd
```
#d58bfd rgb(213,139,253)
```
#dc9efe
```
#dc9efe rgb(220,158,254)
```
#e3b1fe
```
#e3b1fe rgb(227,177,254)
```
#eac5fe
```
#eac5fe rgb(234,197,254)
```
#f1d8fe
```
#f1d8fe rgb(241,216,254)
```
#f8ebff
```
#f8ebff rgb(248,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#958e98
```
#958e98 rgb(149,142,152)
```
#9785a1
```
#9785a1 rgb(151,133,161)
```
#997da9
```
#997da9 rgb(153,125,169)
```
#9c75b1
```
#9c75b1 rgb(156,117,177)
```
#9e6cba
```
#9e6cba rgb(158,108,186)
```
#a164c2
```
#a164c2 rgb(161,100,194)
```
#a35cca
```
#a35cca rgb(163,92,202)
```
#a654d2
```
#a654d2 rgb(166,84,210)
```
#a84bdb
```
#a84bdb rgb(168,75,219)
```
#ab43e3
```
#ab43e3 rgb(171,67,227)
```
#ad3beb
```
#ad3beb rgb(173,59,235)
```
#b032f4
```
#b032f4 rgb(176,50,244)
```
#b22afc
```
#b22afc rgb(178,42,252)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#795e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd1 Deuteranopia 1% of men
#9b727a Tritanopia 0.001% of the population

Trichromacy

#405cf2 Protanomaly 1% of men, 0.01% of women
#4060e0 Deuteranomaly 6% of men, 0.4% of women
#a358a9 Tritanomaly 0.01% of the population

#b22afc hex color

#b22afc Color Information

#b22afc Color Conversion

Color Schemes with #b22afc

Alternatives to #b22afc

#b22afc Preview

Shades and Tints of #b22afc

Tones of #b22afc

Color Blindness Simulator