#bf22f3 hex color

In a RGB color space, hex #bf22f3 is composed of 74.9% red, 13.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 21.4% cyan, 86% magenta, 0% yellow and 4.7% black. It has a hue angle of 285.1 degrees, a saturation of 89.7% and a lightness of 54.3%. #bf22f3 color hex could be obtained by blending #ff44ff with #7f00e7. Closest websafe color is: #cc33ff.

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

● #bf22f3 color description : Vivid magenta.

The hexadecimal color #bf22f3 has RGB values of R:191, G:34, B:243 and CMYK values of C:0.21, M:0.86, Y:0, K:0.05. Its decimal value is 12526323.

Hex triplet	bf22f3	`#bf22f3`
RGB Decimal	191, 34, 243	`rgb(191,34,243)`
RGB Percent	74.9, 13.3, 95.3	`rgb(74.9%,13.3%,95.3%)`
CMYK	21, 86, 0, 5
HSL	285.1°, 89.7, 54.3	`hsl(285.1,89.7%,54.3%)`
HSV (or HSB)	285.1°, 86, 95.3
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.326, 83.207, -70.793
XYZ	38.234, 18.693, 86.383
xyY	0.267, 0.13, 18.693
CIE-LCH	50.326, 109.248, 319.609
CIE-LUV	50.326, 43.738, -115.903
Hunter-Lab	43.235, 82.187, -88.195
Binary	10111111, 00100010, 11110011

#bf22f3
```
#bf22f3 rgb(191,34,243)
```
#56f322
```
#56f322 rgb(86,243,34)
```

Complementary Color

#5722f3
```
#5722f3 rgb(87,34,243)
```
#bf22f3
```
#bf22f3 rgb(191,34,243)
```
#f322bf
```
#f322bf rgb(243,34,191)
```

Analogous Color

#22f356
```
#22f356 rgb(34,243,86)
```
#bf22f3
```
#bf22f3 rgb(191,34,243)
```
#bff322
```
#bff322 rgb(191,243,34)
```

Split Complementary Color

#22f3bf
```
#22f3bf rgb(34,243,191)
```
#bf22f3
```
#bf22f3 rgb(191,34,243)
```
#f3bf22
```
#f3bf22 rgb(243,191,34)
```

Triadic Color

#2256f3
```
#2256f3 rgb(34,86,243)
```
#bf22f3
```
#bf22f3 rgb(191,34,243)
```
#f3bf22
```
#f3bf22 rgb(243,191,34)
```
#56f322
```
#56f322 rgb(86,243,34)
```

Tetradic Color

#910abe
```
#910abe rgb(145,10,190)
```
#a40cd6
```
#a40cd6 rgb(164,12,214)
```
#b60def
```
#b60def rgb(182,13,239)
```
#bf22f3
```
#bf22f3 rgb(191,34,243)
```
#c63af4
```
#c63af4 rgb(198,58,244)
```
#cd52f6
```
#cd52f6 rgb(205,82,246)
```
#d46bf7
```
#d46bf7 rgb(212,107,247)
```

Monochromatic Color

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

#8b22f3
```
#8b22f3 rgb(139,34,243)
```
#9c22f3
```
#9c22f3 rgb(156,34,243)
```
#ae22f3
```
#ae22f3 rgb(174,34,243)
```
#bf22f3
```
#bf22f3 rgb(191,34,243)
```
#d022f3
```
#d022f3 rgb(208,34,243)
```
#e222f3
```
#e222f3 rgb(226,34,243)
```
#f322f3
```
#f322f3 rgb(243,34,243)
```

Similar Colors

Text with hexadecimal color #bf22f3

This text has a font color of #bf22f3.

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

#bf22f3 background color

This paragraph has a background color of #bf22f3.

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

#bf22f3 border color

This element has a border color of #bf22f3.

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

CSS codes

.text {color:#bf22f3;}

.background {background-color:#bf22f3;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#100115
```
#100115 rgb(16,1,21)
```
#1e0227
```
#1e0227 rgb(30,2,39)
```
#2c033a
```
#2c033a rgb(44,3,58)
```
#3b044d
```
#3b044d rgb(59,4,77)
```
#49055f
```
#49055f rgb(73,5,95)
```
#570672
```
#570672 rgb(87,6,114)
```
#650784
```
#650784 rgb(101,7,132)
```
#740897
```
#740897 rgb(116,8,151)
```
#8209aa
```
#8209aa rgb(130,9,170)
```
#900abc
```
#900abc rgb(144,10,188)
```
#9e0bcf
```
#9e0bcf rgb(158,11,207)
```
#ac0ce2
```
#ac0ce2 rgb(172,12,226)
```

Shade Color Variation

#ba0ff2
```
#ba0ff2 rgb(186,15,242)
```
#bf22f3
```
#bf22f3 rgb(191,34,243)
```
#c435f4
```
#c435f4 rgb(196,53,244)
```
#ca47f5
```
#ca47f5 rgb(202,71,245)
```
#cf5af6
```
#cf5af6 rgb(207,90,246)
```
#d56cf7
```
#d56cf7 rgb(213,108,247)
```
#da7ff8
```
#da7ff8 rgb(218,127,248)
```
#df92f9
```
#df92f9 rgb(223,146,249)
```
#e5a4fa
```
#e5a4fa rgb(229,164,250)
```
#eab7fb
```
#eab7fb rgb(234,183,251)
```
#efc9fc
```
#efc9fc rgb(239,201,252)
```
#f5dcfd
```
#f5dcfd rgb(245,220,253)
```
#faeffe
```
#faeffe rgb(250,239,254)
```

Tint Color Variation

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

#8d8590
```
#8d8590 rgb(141,133,144)
```
#927c99
```
#927c99 rgb(146,124,153)
```
#9673a2
```
#9673a2 rgb(150,115,162)
```
#9b6aab
```
#9b6aab rgb(155,106,171)
```
#9f61b4
```
#9f61b4 rgb(159,97,180)
```
#a458bd
```
#a458bd rgb(164,88,189)
```
#a84fc6
```
#a84fc6 rgb(168,79,198)
```
#ad46cf
```
#ad46cf rgb(173,70,207)
```
#b13dd8
```
#b13dd8 rgb(177,61,216)
```
#b634e1
```
#b634e1 rgb(182,52,225)
```
#ba2bea
```
#ba2bea rgb(186,43,234)
```
#bf22f3
```
#bf22f3 rgb(191,34,243)
```
#c419fc
```
#c419fc rgb(196,25,252)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7a5b85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bef Protanopia 1% of men
#0081d5 Deuteranopia 1% of men
#ac6c74 Tritanopia 0.001% of the population

Trichromacy

#455af0 Protanomaly 1% of men, 0.01% of women
#455ee0 Deuteranomaly 6% of men, 0.4% of women
#b351a2 Tritanomaly 0.01% of the population

#bf22f3 hex color

#bf22f3 Color Information

#bf22f3 Color Conversion

Color Schemes with #bf22f3

Alternatives to #bf22f3

#bf22f3 Preview

Shades and Tints of #bf22f3

Tones of #bf22f3

Color Blindness Simulator