#b22fb4 hex color

In a RGB color space, hex #b22fb4 is composed of 69.8% red, 18.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 73.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 299.1 degrees, a saturation of 58.6% and a lightness of 44.5%. #b22fb4 color hex could be obtained by blending #ff5eff with #650069. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 70
- G 18
- B 71
RGB color chart
- C 1
- M 74
- Y 0
- K 29
CMYK color chart

● #b22fb4 color description : Moderate magenta.

The hexadecimal color #b22fb4 has RGB values of R:178, G:47, B:180 and CMYK values of C:0.01, M:0.74, Y:0, K:0.29. Its decimal value is 11677620.

Hex triplet	b22fb4	`#b22fb4`
RGB Decimal	178, 47, 180	`rgb(178,47,180)`
RGB Percent	69.8, 18.4, 70.6	`rgb(69.8%,18.4%,70.6%)`
CMYK	1, 74, 0, 29
HSL	299.1°, 58.6, 44.5	`hsl(299.1,58.6%,44.5%)`
HSV (or HSB)	299.1°, 73.9, 70.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	45.352, 66.709, -42.729
XYZ	27.614, 14.795, 44.579
xyY	0.317, 0.17, 14.795
CIE-LCH	45.352, 79.22, 327.359
CIE-LUV	45.352, 53.269, -71.294
Hunter-Lab	38.464, 60.836, -41.79
Binary	10110010, 00101111, 10110100

#b22fb4
```
#b22fb4 rgb(178,47,180)
```
#31b42f
```
#31b42f rgb(49,180,47)
```

Complementary Color

#702fb4
```
#702fb4 rgb(112,47,180)
```
#b22fb4
```
#b22fb4 rgb(178,47,180)
```
#b42f74
```
#b42f74 rgb(180,47,116)
```

Analogous Color

#2fb470
```
#2fb470 rgb(47,180,112)
```
#b22fb4
```
#b22fb4 rgb(178,47,180)
```
#74b42f
```
#74b42f rgb(116,180,47)
```

Split Complementary Color

#2fb4b2
```
#2fb4b2 rgb(47,180,178)
```
#b22fb4
```
#b22fb4 rgb(178,47,180)
```
#b4b22f
```
#b4b22f rgb(180,178,47)
```

Triadic Color

#2f31b4
```
#2f31b4 rgb(47,49,180)
```
#b22fb4
```
#b22fb4 rgb(178,47,180)
```
#b4b22f
```
#b4b22f rgb(180,178,47)
```
#31b42f
```
#31b42f rgb(49,180,47)
```

Tetradic Color

#761f77
```
#761f77 rgb(118,31,119)
```
#8a248c
```
#8a248c rgb(138,36,140)
```
#9e2aa0
```
#9e2aa0 rgb(158,42,160)
```
#b22fb4
```
#b22fb4 rgb(178,47,180)
```
#c634c8
```
#c634c8 rgb(198,52,200)
```
#cd47cf
```
#cd47cf rgb(205,71,207)
```
#d25bd4
```
#d25bd4 rgb(210,91,212)
```

Monochromatic Color

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

#912fb4
```
#912fb4 rgb(145,47,180)
```
#9c2fb4
```
#9c2fb4 rgb(156,47,180)
```
#a72fb4
```
#a72fb4 rgb(167,47,180)
```
#b22fb4
```
#b22fb4 rgb(178,47,180)
```
#b42fab
```
#b42fab rgb(180,47,171)
```
#b42fa0
```
#b42fa0 rgb(180,47,160)
```
#b42f95
```
#b42f95 rgb(180,47,149)
```

Similar Colors

Text with hexadecimal color #b22fb4

This text has a font color of #b22fb4.

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

#b22fb4 background color

This paragraph has a background color of #b22fb4.

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

#b22fb4 border color

This element has a border color of #b22fb4.

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

CSS codes

.text {color:#b22fb4;}

.background {background-color:#b22fb4;}

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

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

#090209
```
#090209 rgb(9,2,9)
```
#180618
```
#180618 rgb(24,6,24)
```
#280a28
```
#280a28 rgb(40,10,40)
```
#370f38
```
#370f38 rgb(55,15,56)
```
#461347
```
#461347 rgb(70,19,71)
```
#561757
```
#561757 rgb(86,23,87)
```
#651b66
```
#651b66 rgb(101,27,102)
```
#741f76
```
#741f76 rgb(116,31,118)
```
#842385
```
#842385 rgb(132,35,133)
```
#932795
```
#932795 rgb(147,39,149)
```
#a32ba4
```
#a32ba4 rgb(163,43,164)
```
#b22fb4
```
#b22fb4 rgb(178,47,180)
```
#c133c4
```
#c133c4 rgb(193,51,196)
```

Shade Color Variation

#ca3ecd
```
#ca3ecd rgb(202,62,205)
```
#cf4dd1
```
#cf4dd1 rgb(207,77,209)
```
#d35dd5
```
#d35dd5 rgb(211,93,213)
```
#d76cd9
```
#d76cd9 rgb(215,108,217)
```
#db7cdd
```
#db7cdd rgb(219,124,221)
```
#e08be1
```
#e08be1 rgb(224,139,225)
```
#e49be5
```
#e49be5 rgb(228,155,229)
```
#e8abe9
```
#e8abe9 rgb(232,171,233)
```
#ecbaed
```
#ecbaed rgb(236,186,237)
```
#f0caf1
```
#f0caf1 rgb(240,202,241)
```
#f5d9f5
```
#f5d9f5 rgb(245,217,245)
```
#f9e9f9
```
#f9e9f9 rgb(249,233,249)
```
#fdf8fd
```
#fdf8fd rgb(253,248,253)
```

Tint Color Variation

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

#776c77
```
#776c77 rgb(119,108,119)
```
#7f6380
```
#7f6380 rgb(127,99,128)
```
#885b88
```
#885b88 rgb(136,91,136)
```
#905291
```
#905291 rgb(144,82,145)
```
#99499a
```
#99499a rgb(153,73,154)
```
#a140a3
```
#a140a3 rgb(161,64,163)
```
#aa38ab
```
#aa38ab rgb(170,56,171)
```
#b22fb4
```
#b22fb4 rgb(178,47,180)
```
#ba26bd
```
#ba26bd rgb(186,38,189)
```
#c31ec5
```
#c31ec5 rgb(195,30,197)
```
#cb15ce
```
#cb15ce rgb(203,21,206)
```
#d40cd7
```
#d40cd7 rgb(212,12,215)
```
#dc03e0
```
#dc03e0 rgb(220,3,224)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#745a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#5572a9 Deuteranopia 1% of men
#aa5a60 Tritanopia 0.001% of the population

Trichromacy

#4057cc Protanomaly 1% of men, 0.01% of women
#775aad Deuteranomaly 6% of men, 0.4% of women
#ad4a7e Tritanomaly 0.01% of the population

#b22fb4 hex color

#b22fb4 Color Information

#b22fb4 Color Conversion

Color Schemes with #b22fb4

Alternatives to #b22fb4

#b22fb4 Preview

Shades and Tints of #b22fb4

Tones of #b22fb4

Color Blindness Simulator