#bb1696 hex color

In a RGB color space, hex #bb1696 is composed of 73.3% red, 8.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.2% magenta, 19.8% yellow and 26.7% black. It has a hue angle of 313.5 degrees, a saturation of 78.9% and a lightness of 41%. #bb1696 color hex could be obtained by blending #ff2cff with #77002d. Closest websafe color is: #cc0099.

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

● #bb1696 color description : Strong magenta.

The hexadecimal color #bb1696 has RGB values of R:187, G:22, B:150 and CMYK values of C:0, M:0.88, Y:0.2, K:0.27. Its decimal value is 12261014.

Hex triplet	bb1696	`#bb1696`
RGB Decimal	187, 22, 150	`rgb(187,22,150)`
RGB Percent	73.3, 8.6, 58.8	`rgb(73.3%,8.6%,58.8%)`
CMYK	0, 88, 20, 27
HSL	313.5°, 78.9, 41	`hsl(313.5,78.9%,41%)`
HSV (or HSB)	313.5°, 88.2, 73.3
Web Safe	cc0099	`#cc0099`

CIE-LAB	43.275, 70.261, -28.006
XYZ	26.286, 13.343, 30.044
xyY	0.377, 0.192, 13.343
CIE-LCH	43.275, 75.637, 338.268
CIE-LUV	43.275, 75.554, -50.063
Hunter-Lab	36.528, 64.525, -23.195
Binary	10111011, 00010110, 10010110

#bb1696
```
#bb1696 rgb(187,22,150)
```
#16bb3b
```
#16bb3b rgb(22,187,59)
```

Complementary Color

#8e16bb
```
#8e16bb rgb(142,22,187)
```
#bb1696
```
#bb1696 rgb(187,22,150)
```
#bb1644
```
#bb1644 rgb(187,22,68)
```

Analogous Color

#16bb8e
```
#16bb8e rgb(22,187,142)
```
#bb1696
```
#bb1696 rgb(187,22,150)
```
#44bb16
```
#44bb16 rgb(68,187,22)
```

Split Complementary Color

#1696bb
```
#1696bb rgb(22,150,187)
```
#bb1696
```
#bb1696 rgb(187,22,150)
```
#96bb16
```
#96bb16 rgb(150,187,22)
```

Triadic Color

#3b16bb
```
#3b16bb rgb(59,22,187)
```
#bb1696
```
#bb1696 rgb(187,22,150)
```
#96bb16
```
#96bb16 rgb(150,187,22)
```
#16bb3b
```
#16bb3b rgb(22,187,59)
```

Tetradic Color

#770e5f
```
#770e5f rgb(119,14,95)
```
#8d1171
```
#8d1171 rgb(141,17,113)
```
#a41384
```
#a41384 rgb(164,19,132)
```
#bb1696
```
#bb1696 rgb(187,22,150)
```
#d219a8
```
#d219a8 rgb(210,25,168)
```
#e51fb8
```
#e51fb8 rgb(229,31,184)
```
#e736c0
```
#e736c0 rgb(231,54,192)
```

Monochromatic Color

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

#b716bb
```
#b716bb rgb(183,22,187)
```
#bb16b2
```
#bb16b2 rgb(187,22,178)
```
#bb16a4
```
#bb16a4 rgb(187,22,164)
```
#bb1696
```
#bb1696 rgb(187,22,150)
```
#bb1688
```
#bb1688 rgb(187,22,136)
```
#bb167b
```
#bb167b rgb(187,22,123)
```
#bb166d
```
#bb166d rgb(187,22,109)
```

Similar Colors

Text with hexadecimal color #bb1696

This text has a font color of #bb1696.

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

#bb1696 background color

This paragraph has a background color of #bb1696.

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

#bb1696 border color

This element has a border color of #bb1696.

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

CSS codes

.text {color:#bb1696;}

.background {background-color:#bb1696;}

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

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, #0b0109 is the darkest color, while #fef9fd is the lightest one.

#0b0109
```
#0b0109 rgb(11,1,9)
```
#1d0317
```
#1d0317 rgb(29,3,23)
```
#2f0525
```
#2f0525 rgb(47,5,37)
```
#400833
```
#400833 rgb(64,8,51)
```
#520a42
```
#520a42 rgb(82,10,66)
```
#630c50
```
#630c50 rgb(99,12,80)
```
#750e5e
```
#750e5e rgb(117,14,94)
```
#86106c
```
#86106c rgb(134,16,108)
```
#98127a
```
#98127a rgb(152,18,122)
```
#a91488
```
#a91488 rgb(169,20,136)
```
#bb1696
```
#bb1696 rgb(187,22,150)
```
#cd18a4
```
#cd18a4 rgb(205,24,164)
```
#de1ab2
```
#de1ab2 rgb(222,26,178)
```

Shade Color Variation

#e626bb
```
#e626bb rgb(230,38,187)
```
#e838c0
```
#e838c0 rgb(232,56,192)
```
#ea49c6
```
#ea49c6 rgb(234,73,198)
```
#ec5bcb
```
#ec5bcb rgb(236,91,203)
```
#ee6dd1
```
#ee6dd1 rgb(238,109,209)
```
#f07ed6
```
#f07ed6 rgb(240,126,214)
```
#f290dc
```
#f290dc rgb(242,144,220)
```
#f4a1e1
```
#f4a1e1 rgb(244,161,225)
```
#f6b3e7
```
#f6b3e7 rgb(246,179,231)
```
#f8c4ec
```
#f8c4ec rgb(248,196,236)
```
#fad6f2
```
#fad6f2 rgb(250,214,242)
```
#fce7f8
```
#fce7f8 rgb(252,231,248)
```
#fef9fd
```
#fef9fd rgb(254,249,253)
```

Tint Color Variation

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

#6b666a
```
#6b666a rgb(107,102,106)
```
#735e6e
```
#735e6e rgb(115,94,110)
```
#7b5673
```
#7b5673 rgb(123,86,115)
```
#834e77
```
#834e77 rgb(131,78,119)
```
#8b467b
```
#8b467b rgb(139,70,123)
```
#933e80
```
#933e80 rgb(147,62,128)
```
#9b3684
```
#9b3684 rgb(155,54,132)
```
#a32e89
```
#a32e89 rgb(163,46,137)
```
#ab268d
```
#ab268d rgb(171,38,141)
```
#b31e92
```
#b31e92 rgb(179,30,146)
```
#bb1696
```
#bb1696 rgb(187,22,150)
```
#c30e9a
```
#c30e9a rgb(195,14,154)
```
#cb069f
```
#cb069f rgb(203,6,159)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6a4963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e6bc9 Protanopia 1% of men
#666c8d Deuteranopia 1% of men
#b7474a Tritanopia 0.001% of the population

Trichromacy

#614cb6 Protanomaly 1% of men, 0.01% of women
#854d90 Deuteranomaly 6% of men, 0.4% of women
#b83566 Tritanomaly 0.01% of the population

#bb1696 hex color

#bb1696 Color Information

#bb1696 Color Conversion

Color Schemes with #bb1696

Alternatives to #bb1696

#bb1696 Preview

Shades and Tints of #bb1696

Tones of #bb1696

Color Blindness Simulator