#b22fec hex color

In a RGB color space, hex #b22fec is composed of 69.8% red, 18.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 80.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 281.6 degrees, a saturation of 83.3% and a lightness of 55.5%. #b22fec color hex could be obtained by blending #ff5eff with #6500d9. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 70
- G 18
- B 93
RGB color chart
- C 25
- M 80
- Y 0
- K 7
CMYK color chart

● #b22fec color description : Bright violet.

The hexadecimal color #b22fec has RGB values of R:178, G:47, B:236 and CMYK values of C:0.25, M:0.8, Y:0, K:0.07. Its decimal value is 11677676.

Hex triplet	b22fec	`#b22fec`
RGB Decimal	178, 47, 236	`rgb(178,47,236)`
RGB Percent	69.8, 18.4, 92.5	`rgb(69.8%,18.4%,92.5%)`
CMYK	25, 80, 0, 7
HSL	281.6°, 83.3, 55.5	`hsl(281.6,83.3%,55.5%)`
HSV (or HSB)	281.6°, 80.1, 92.5
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.952, 76.752, -69.175
XYZ	34.515, 17.555, 80.923
xyY	0.26, 0.132, 17.555
CIE-LCH	48.952, 103.325, 317.972
CIE-LUV	48.952, 36.615, -112.053
Hunter-Lab	41.899, 73.719, -85.182
Binary	10110010, 00101111, 11101100

#b22fec
```
#b22fec rgb(178,47,236)
```
#69ec2f
```
#69ec2f rgb(105,236,47)
```

Complementary Color

#542fec
```
#542fec rgb(84,47,236)
```
#b22fec
```
#b22fec rgb(178,47,236)
```
#ec2fc8
```
#ec2fc8 rgb(236,47,200)
```

Analogous Color

#2fec54
```
#2fec54 rgb(47,236,84)
```
#b22fec
```
#b22fec rgb(178,47,236)
```
#c8ec2f
```
#c8ec2f rgb(200,236,47)
```

Split Complementary Color

#2fecb2
```
#2fecb2 rgb(47,236,178)
```
#b22fec
```
#b22fec rgb(178,47,236)
```
#ecb22f
```
#ecb22f rgb(236,178,47)
```

Triadic Color

#2f69ec
```
#2f69ec rgb(47,105,236)
```
#b22fec
```
#b22fec rgb(178,47,236)
```
#ecb22f
```
#ecb22f rgb(236,178,47)
```
#69ec2f
```
#69ec2f rgb(105,236,47)
```

Tetradic Color

#8811bd
```
#8811bd rgb(136,17,189)
```
#9913d5
```
#9913d5 rgb(153,19,213)
```
#a918ea
```
#a918ea rgb(169,24,234)
```
#b22fec
```
#b22fec rgb(178,47,236)
```
#bb46ee
```
#bb46ee rgb(187,70,238)
```
#c35ef0
```
#c35ef0 rgb(195,94,240)
```
#cc75f2
```
#cc75f2 rgb(204,117,242)
```

Monochromatic Color

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

#832fec
```
#832fec rgb(131,47,236)
```
#932fec
```
#932fec rgb(147,47,236)
```
#a22fec
```
#a22fec rgb(162,47,236)
```
#b22fec
```
#b22fec rgb(178,47,236)
```
#c22fec
```
#c22fec rgb(194,47,236)
```
#d22fec
```
#d22fec rgb(210,47,236)
```
#e12fec
```
#e12fec rgb(225,47,236)
```

Similar Colors

Text with hexadecimal color #b22fec

This text has a font color of #b22fec.

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

#b22fec background color

This paragraph has a background color of #b22fec.

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

#b22fec border color

This element has a border color of #b22fec.

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

CSS codes

.text {color:#b22fec;}

.background {background-color:#b22fec;}

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

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, #060108 is the darkest color, while #fbf5fe is the lightest one.

#060108
```
#060108 rgb(6,1,8)
```
#13021a
```
#13021a rgb(19,2,26)
```
#1f042c
```
#1f042c rgb(31,4,44)
```
#2c063e
```
#2c063e rgb(44,6,62)
```
#390750
```
#390750 rgb(57,7,80)
```
#460962
```
#460962 rgb(70,9,98)
```
#530b74
```
#530b74 rgb(83,11,116)
```
#600c85
```
#600c85 rgb(96,12,133)
```
#6d0e97
```
#6d0e97 rgb(109,14,151)
```
#7a0fa9
```
#7a0fa9 rgb(122,15,169)
```
#8711bb
```
#8711bb rgb(135,17,187)
```
#9413cd
```
#9413cd rgb(148,19,205)
```
#a114df
```
#a114df rgb(161,20,223)
```

Shade Color Variation

#ab1dea
```
#ab1dea rgb(171,29,234)
```
#b22fec
```
#b22fec rgb(178,47,236)
```
#b941ee
```
#b941ee rgb(185,65,238)
```
#bf53ef
```
#bf53ef rgb(191,83,239)
```
#c665f1
```
#c665f1 rgb(198,101,241)
```
#cd77f3
```
#cd77f3 rgb(205,119,243)
```
#d389f4
```
#d389f4 rgb(211,137,244)
```
#da9bf6
```
#da9bf6 rgb(218,155,246)
```
#e1adf7
```
#e1adf7 rgb(225,173,247)
```
#e7bff9
```
#e7bff9 rgb(231,191,249)
```
#eed1fb
```
#eed1fb rgb(238,209,251)
```
#f5e3fc
```
#f5e3fc rgb(245,227,252)
```
#fbf5fe
```
#fbf5fe rgb(251,245,254)
```

Tint Color Variation

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

#908695
```
#908695 rgb(144,134,149)
```
#947e9d
```
#947e9d rgb(148,126,157)
```
#9775a6
```
#9775a6 rgb(151,117,166)
```
#9a6caf
```
#9a6caf rgb(154,108,175)
```
#9e63b8
```
#9e63b8 rgb(158,99,184)
```
#a15bc0
```
#a15bc0 rgb(161,91,192)
```
#a552c9
```
#a552c9 rgb(165,82,201)
```
#a849d2
```
#a849d2 rgb(168,73,210)
```
#ab40db
```
#ab40db rgb(171,64,219)
```
#af38e3
```
#af38e3 rgb(175,56,227)
```
#b22fec
```
#b22fec rgb(178,47,236)
```
#b526f5
```
#b526f5 rgb(181,38,245)
```
#b91efd
```
#b91efd rgb(185,30,253)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7a6086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007dcf Deuteranopia 1% of men
#9f6e75 Tritanopia 0.001% of the population

Trichromacy

#405dea Protanomaly 1% of men, 0.01% of women
#4061da Deuteranomaly 6% of men, 0.4% of women
#a657a0 Tritanomaly 0.01% of the population

#b22fec hex color

#b22fec Color Information

#b22fec Color Conversion

Color Schemes with #b22fec

Alternatives to #b22fec

#b22fec Preview

Shades and Tints of #b22fec

Tones of #b22fec

Color Blindness Simulator