#bb22bf hex color

In a RGB color space, hex #bb22bf is composed of 73.3% red, 13.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 2.1% cyan, 82.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 298.5 degrees, a saturation of 69.8% and a lightness of 44.1%. #bb22bf color hex could be obtained by blending #ff44ff with #77007f. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 13
- B 75
RGB color chart
- C 2
- M 82
- Y 0
- K 25
CMYK color chart

● #bb22bf color description : Strong magenta.

The hexadecimal color #bb22bf has RGB values of R:187, G:34, B:191 and CMYK values of C:0.02, M:0.82, Y:0, K:0.25. Its decimal value is 12264127.

Hex triplet	bb22bf	`#bb22bf`
RGB Decimal	187, 34, 191	`rgb(187,34,191)`
RGB Percent	73.3, 13.3, 74.9	`rgb(73.3%,13.3%,74.9%)`
CMYK	2, 82, 0, 25
HSL	298.5°, 69.8, 44.1	`hsl(298.5,69.8%,44.1%)`
HSV (or HSB)	298.5°, 82.2, 74.9
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	46.275, 73.772, -47.616
XYZ	30.469, 15.472, 50.669
xyY	0.315, 0.16, 15.472
CIE-LCH	46.275, 87.804, 327.16
CIE-LUV	46.275, 57.838, -79.669
Hunter-Lab	39.335, 69.43, -48.84
Binary	10111011, 00100010, 10111111

#bb22bf
```
#bb22bf rgb(187,34,191)
```
#26bf22
```
#26bf22 rgb(38,191,34)
```

Complementary Color

#6d22bf
```
#6d22bf rgb(109,34,191)
```
#bb22bf
```
#bb22bf rgb(187,34,191)
```
#bf2275
```
#bf2275 rgb(191,34,117)
```

Analogous Color

#22bf6d
```
#22bf6d rgb(34,191,109)
```
#bb22bf
```
#bb22bf rgb(187,34,191)
```
#75bf22
```
#75bf22 rgb(117,191,34)
```

Split Complementary Color

#22bfbb
```
#22bfbb rgb(34,191,187)
```
#bb22bf
```
#bb22bf rgb(187,34,191)
```
#bfbb22
```
#bfbb22 rgb(191,187,34)
```

Triadic Color

#2226bf
```
#2226bf rgb(34,38,191)
```
#bb22bf
```
#bb22bf rgb(187,34,191)
```
#bfbb22
```
#bfbb22 rgb(191,187,34)
```
#26bf22
```
#26bf22 rgb(38,191,34)
```

Tetradic Color

#7b167e
```
#7b167e rgb(123,22,126)
```
#911a94
```
#911a94 rgb(145,26,148)
```
#a61ea9
```
#a61ea9 rgb(166,30,169)
```
#bb22bf
```
#bb22bf rgb(187,34,191)
```
#d026d5
```
#d026d5 rgb(208,38,213)
```
#d738dc
```
#d738dc rgb(215,56,220)
```
#dc4edf
```
#dc4edf rgb(220,78,223)
```

Monochromatic Color

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

#9422bf
```
#9422bf rgb(148,34,191)
```
#a122bf
```
#a122bf rgb(161,34,191)
```
#ae22bf
```
#ae22bf rgb(174,34,191)
```
#bb22bf
```
#bb22bf rgb(187,34,191)
```
#bf22b6
```
#bf22b6 rgb(191,34,182)
```
#bf22a9
```
#bf22a9 rgb(191,34,169)
```
#bf229c
```
#bf229c rgb(191,34,156)
```

Similar Colors

Text with hexadecimal color #bb22bf

This text has a font color of #bb22bf.

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

#bb22bf background color

This paragraph has a background color of #bb22bf.

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

#bb22bf border color

This element has a border color of #bb22bf.

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

CSS codes

.text {color:#bb22bf;}

.background {background-color:#bb22bf;}

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

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

#080108
```
#080108 rgb(8,1,8)
```
#180418
```
#180418 rgb(24,4,24)
```
#280729
```
#280729 rgb(40,7,41)
```
#390a3a
```
#390a3a rgb(57,10,58)
```
#490d4a
```
#490d4a rgb(73,13,74)
```
#59105b
```
#59105b rgb(89,16,91)
```
#69136c
```
#69136c rgb(105,19,108)
```
#7a167c
```
#7a167c rgb(122,22,124)
```
#8a198d
```
#8a198d rgb(138,25,141)
```
#9a1c9e
```
#9a1c9e rgb(154,28,158)
```
#ab1fae
```
#ab1fae rgb(171,31,174)
```
#bb22bf
```
#bb22bf rgb(187,34,191)
```
#cb25d0
```
#cb25d0 rgb(203,37,208)
```

Shade Color Variation

#d52eda
```
#d52eda rgb(213,46,218)
```
#d93fdd
```
#d93fdd rgb(217,63,221)
```
#dc50e0
```
#dc50e0 rgb(220,80,224)
```
#df60e3
```
#df60e3 rgb(223,96,227)
```
#e371e6
```
#e371e6 rgb(227,113,230)
```
#e682e9
```
#e682e9 rgb(230,130,233)
```
#e992ec
```
#e992ec rgb(233,146,236)
```
#eda3ef
```
#eda3ef rgb(237,163,239)
```
#f0b4f2
```
#f0b4f2 rgb(240,180,242)
```
#f3c4f5
```
#f3c4f5 rgb(243,196,245)
```
#f7d5f8
```
#f7d5f8 rgb(247,213,248)
```
#fae6fa
```
#fae6fa rgb(250,230,250)
```
#fdf6fd
```
#fdf6fd rgb(253,246,253)
```

Tint Color Variation

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

#717071
```
#717071 rgb(113,112,113)
```
#79677a
```
#79677a rgb(121,103,122)
```
#825f82
```
#825f82 rgb(130,95,130)
```
#8a568b
```
#8a568b rgb(138,86,139)
```
#924d94
```
#924d94 rgb(146,77,148)
```
#9a459c
```
#9a459c rgb(154,69,156)
```
#a23ca5
```
#a23ca5 rgb(162,60,165)
```
#ab33ae
```
#ab33ae rgb(171,51,174)
```
#b32bb6
```
#b32bb6 rgb(179,43,182)
```
#bb22bf
```
#bb22bf rgb(187,34,191)
```
#c319c8
```
#c319c8 rgb(195,25,200)
```
#cb11d0
```
#cb11d0 rgb(203,17,208)
```
#d408d9
```
#d408d9 rgb(212,8,217)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#745575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#5075b1 Deuteranopia 1% of men
#b1595f Tritanopia 0.001% of the population

Trichromacy

#4454d2 Protanomaly 1% of men, 0.01% of women
#7757b6 Deuteranomaly 6% of men, 0.4% of women
#b54582 Tritanomaly 0.01% of the population

#bb22bf hex color

#bb22bf Color Information

#bb22bf Color Conversion

Color Schemes with #bb22bf

Alternatives to #bb22bf

#bb22bf Preview

Shades and Tints of #bb22bf

Tones of #bb22bf

Color Blindness Simulator