#bb2696 hex color

In a RGB color space, hex #bb2696 is composed of 73.3% red, 14.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.7% magenta, 19.8% yellow and 26.7% black. It has a hue angle of 314.9 degrees, a saturation of 66.2% and a lightness of 44.1%. #bb2696 color hex could be obtained by blending #ff4cff with #77002d. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 15
- B 59
RGB color chart
- C 0
- M 80
- Y 20
- K 27
CMYK color chart

● #bb2696 color description : Strong magenta.

The hexadecimal color #bb2696 has RGB values of R:187, G:38, B:150 and CMYK values of C:0, M:0.8, Y:0.2, K:0.27. Its decimal value is 12265110.

Hex triplet	bb2696	`#bb2696`
RGB Decimal	187, 38, 150	`rgb(187,38,150)`
RGB Percent	73.3, 14.9, 58.8	`rgb(73.3%,14.9%,58.8%)`
CMYK	0, 80, 20, 27
HSL	314.9°, 66.2, 44.1	`hsl(314.9,66.2%,44.1%)`
HSV (or HSB)	314.9°, 79.7, 73.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	44.455, 66.847, -26.168
XYZ	26.692, 14.155, 30.179
xyY	0.376, 0.199, 14.155
CIE-LCH	44.455, 71.786, 338.622
CIE-LUV	44.455, 72.892, -47.253
Hunter-Lab	37.624, 60.794, -21.222
Binary	10111011, 00100110, 10010110

#bb2696
```
#bb2696 rgb(187,38,150)
```
#26bb4b
```
#26bb4b rgb(38,187,75)
```

Complementary Color

#9626bb
```
#9626bb rgb(150,38,187)
```
#bb2696
```
#bb2696 rgb(187,38,150)
```
#bb264c
```
#bb264c rgb(187,38,76)
```

Analogous Color

#26bb96
```
#26bb96 rgb(38,187,150)
```
#bb2696
```
#bb2696 rgb(187,38,150)
```
#4cbb26
```
#4cbb26 rgb(76,187,38)
```

Split Complementary Color

#2696bb
```
#2696bb rgb(38,150,187)
```
#bb2696
```
#bb2696 rgb(187,38,150)
```
#96bb26
```
#96bb26 rgb(150,187,38)
```

Triadic Color

#4b26bb
```
#4b26bb rgb(75,38,187)
```
#bb2696
```
#bb2696 rgb(187,38,150)
```
#96bb26
```
#96bb26 rgb(150,187,38)
```
#26bb4b
```
#26bb4b rgb(38,187,75)
```

Tetradic Color

#7b1963
```
#7b1963 rgb(123,25,99)
```
#911d74
```
#911d74 rgb(145,29,116)
```
#a62285
```
#a62285 rgb(166,34,133)
```
#bb2696
```
#bb2696 rgb(187,38,150)
```
#d02aa7
```
#d02aa7 rgb(208,42,167)
```
#d73db1
```
#d73db1 rgb(215,61,177)
```
#dc52ba
```
#dc52ba rgb(220,82,186)
```

Monochromatic Color

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

#bb26bb
```
#bb26bb rgb(187,38,187)
```
#bb26af
```
#bb26af rgb(187,38,175)
```
#bb26a2
```
#bb26a2 rgb(187,38,162)
```
#bb2696
```
#bb2696 rgb(187,38,150)
```
#bb268a
```
#bb268a rgb(187,38,138)
```
#bb267d
```
#bb267d rgb(187,38,125)
```
#bb2671
```
#bb2671 rgb(187,38,113)
```

Similar Colors

Text with hexadecimal color #bb2696

This text has a font color of #bb2696.

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

#bb2696 background color

This paragraph has a background color of #bb2696.

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

#bb2696 border color

This element has a border color of #bb2696.

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

CSS codes

.text {color:#bb2696;}

.background {background-color:#bb2696;}

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

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

#080206
```
#080206 rgb(8,2,6)
```
#180513
```
#180513 rgb(24,5,19)
```
#280820
```
#280820 rgb(40,8,32)
```
#390b2d
```
#390b2d rgb(57,11,45)
```
#490f3a
```
#490f3a rgb(73,15,58)
```
#591248
```
#591248 rgb(89,18,72)
```
#691555
```
#691555 rgb(105,21,85)
```
#7a1962
```
#7a1962 rgb(122,25,98)
```
#8a1c6f
```
#8a1c6f rgb(138,28,111)
```
#9a1f7c
```
#9a1f7c rgb(154,31,124)
```
#ab2389
```
#ab2389 rgb(171,35,137)
```
#bb2696
```
#bb2696 rgb(187,38,150)
```
#cb29a3
```
#cb29a3 rgb(203,41,163)
```

Shade Color Variation

#d533ad
```
#d533ad rgb(213,51,173)
```
#d943b4
```
#d943b4 rgb(217,67,180)
```
#dc53ba
```
#dc53ba rgb(220,83,186)
```
#df64c1
```
#df64c1 rgb(223,100,193)
```
#e374c7
```
#e374c7 rgb(227,116,199)
```
#e684ce
```
#e684ce rgb(230,132,206)
```
#e995d4
```
#e995d4 rgb(233,149,212)
```
#eda5db
```
#eda5db rgb(237,165,219)
```
#f0b5e1
```
#f0b5e1 rgb(240,181,225)
```
#f3c5e8
```
#f3c5e8 rgb(243,197,232)
```
#f7d6ee
```
#f7d6ee rgb(247,214,238)
```
#fae6f5
```
#fae6f5 rgb(250,230,245)
```
#fdf6fc
```
#fdf6fc rgb(253,246,252)
```

Tint Color Variation

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

#766b73
```
#766b73 rgb(118,107,115)
```
#7e6378
```
#7e6378 rgb(126,99,120)
```
#875a7c
```
#875a7c rgb(135,90,124)
```
#905180
```
#905180 rgb(144,81,128)
```
#984985
```
#984985 rgb(152,73,133)
```
#a14089
```
#a14089 rgb(161,64,137)
```
#aa378d
```
#aa378d rgb(170,55,141)
```
#b22f92
```
#b22f92 rgb(178,47,146)
```
#bb2696
```
#bb2696 rgb(187,38,150)
```
#c41d9a
```
#c41d9a rgb(196,29,154)
```
#cc159f
```
#cc159f rgb(204,21,159)
```
#d50ca3
```
#d50ca3 rgb(213,12,163)
```
#de03a7
```
#de03a7 rgb(222,3,167)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#71546a Atypical Achromatopsia 0.001% of the population

Dichromacy

#416ec3 Protanopia 1% of men
#6a6f8e Deuteranopia 1% of men
#b74c51 Tritanopia 0.001% of the population

Trichromacy

#6d53b3 Protanomaly 1% of men, 0.01% of women
#875491 Deuteranomaly 6% of men, 0.4% of women
#b83e6a Tritanomaly 0.01% of the population

#bb2696 hex color

#bb2696 Color Information

#bb2696 Color Conversion

Color Schemes with #bb2696

Alternatives to #bb2696

#bb2696 Preview

Shades and Tints of #bb2696

Tones of #bb2696

Color Blindness Simulator