colorhexa.com

#bb1296 hex color

In a RGB color space, hex #bb1296 is composed of 73.3% red, 7.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.4% magenta, 19.8% yellow and 26.7% black. It has a hue angle of 313.1 degrees, a saturation of 82.4% and a lightness of 40.2%. #bb1296 color hex could be obtained by blending #ff24ff with #77002d. Closest websafe color is: #cc0099.

- R 73
- G 7
- B 59
RGB color chart
- C 0
- M 90
- Y 20
- K 27
CMYK color chart

● #bb1296 color description : Strong magenta.

The hexadecimal color #bb1296 has RGB values of R:187, G:18, B:150 and CMYK values of C:0, M:0.9, Y:0.2, K:0.27. Its decimal value is 12259990.

Hex triplet	bb1296	`#bb1296`
RGB Decimal	187, 18, 150	`rgb(187,18,150)`
RGB Percent	73.3, 7.1, 58.8	`rgb(73.3%,7.1%,58.8%)`
CMYK	0, 90, 20, 27
HSL	313.1°, 82.4, 40.2	`hsl(313.1,82.4%,40.2%)`
HSV (or HSB)	313.1°, 90.4, 73.3
Web Safe	cc0099	`#cc0099`

CIE-LAB	43.066, 70.874, -28.334
XYZ	26.215, 13.202, 30.02
xyY	0.378, 0.19, 13.202
CIE-LCH	43.066, 76.327, 338.21
CIE-LUV	43.066, 76.021, -50.558
Hunter-Lab	36.334, 65.202, -23.553
Binary	10111011, 00010010, 10010110

#bb1296
```
#bb1296 rgb(187,18,150)
```
#12bb37
```
#12bb37 rgb(18,187,55)
```

Complementary Color

#8c12bb
```
#8c12bb rgb(140,18,187)
```
#bb1296
```
#bb1296 rgb(187,18,150)
```
#bb1242
```
#bb1242 rgb(187,18,66)
```

Analogous Color

#12bb8c
```
#12bb8c rgb(18,187,140)
```
#bb1296
```
#bb1296 rgb(187,18,150)
```
#42bb12
```
#42bb12 rgb(66,187,18)
```

Split Complementary Color

#1296bb
```
#1296bb rgb(18,150,187)
```
#bb1296
```
#bb1296 rgb(187,18,150)
```
#96bb12
```
#96bb12 rgb(150,187,18)
```

Triadic Color

#3712bb
```
#3712bb rgb(55,18,187)
```
#bb1296
```
#bb1296 rgb(187,18,150)
```
#96bb12
```
#96bb12 rgb(150,187,18)
```
#12bb37
```
#12bb37 rgb(18,187,55)
```

Tetradic Color

#750b5e
```
#750b5e rgb(117,11,94)
```
#8c0e71
```
#8c0e71 rgb(140,14,113)
```
#a41083
```
#a41083 rgb(164,16,131)
```
#bb1296
```
#bb1296 rgb(187,18,150)
```
#d214a9
```
#d214a9 rgb(210,20,169)
```
#e917bb
```
#e917bb rgb(233,23,187)
```
#eb2fc2
```
#eb2fc2 rgb(235,47,194)
```

Monochromatic Color

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

#b612bb
```
#b612bb rgb(182,18,187)
```
#bb12b2
```
#bb12b2 rgb(187,18,178)
```
#bb12a4
```
#bb12a4 rgb(187,18,164)
```
#bb1296
```
#bb1296 rgb(187,18,150)
```
#bb1288
```
#bb1288 rgb(187,18,136)
```
#bb127a
```
#bb127a rgb(187,18,122)
```
#bb126c
```
#bb126c rgb(187,18,108)
```

Similar Colors

Text with hexadecimal color #bb1296

This text has a font color of #bb1296.

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

#bb1296 background color

This paragraph has a background color of #bb1296.

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

#bb1296 border color

This element has a border color of #bb1296.

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

CSS codes

.text {color:#bb1296;}

.background {background-color:#bb1296;}

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

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

#080106
```
#080106 rgb(8,1,6)
```
#1a0215
```
#1a0215 rgb(26,2,21)
```
#2c0423
```
#2c0423 rgb(44,4,35)
```
#3e0632
```
#3e0632 rgb(62,6,50)
```
#500840
```
#500840 rgb(80,8,64)
```
#62094e
```
#62094e rgb(98,9,78)
```
#730b5d
```
#730b5d rgb(115,11,93)
```
#850d6b
```
#850d6b rgb(133,13,107)
```
#970f79
```
#970f79 rgb(151,15,121)
```
#a91088
```
#a91088 rgb(169,16,136)
```
#bb1296
```
#bb1296 rgb(187,18,150)
```
#cd14a4
```
#cd14a4 rgb(205,20,164)
```
#df15b3
```
#df15b3 rgb(223,21,179)
```

Shade Color Variation

#e91ebd
```
#e91ebd rgb(233,30,189)
```
#eb30c2
```
#eb30c2 rgb(235,48,194)
```
#ed42c7
```
#ed42c7 rgb(237,66,199)
```
#ef54cd
```
#ef54cd rgb(239,84,205)
```
#f066d2
```
#f066d2 rgb(240,102,210)
```
#f278d7
```
#f278d7 rgb(242,120,215)
```
#f48add
```
#f48add rgb(244,138,221)
```
#f59ce2
```
#f59ce2 rgb(245,156,226)
```
#f7aee7
```
#f7aee7 rgb(247,174,231)
```
#f9bfec
```
#f9bfec rgb(249,191,236)
```
#fbd1f2
```
#fbd1f2 rgb(251,209,242)
```
#fce3f7
```
#fce3f7 rgb(252,227,247)
```
#fef5fc
```
#fef5fc rgb(254,245,252)
```

Tint Color Variation

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

#6c616a
```
#6c616a rgb(108,97,106)
```
#74596e
```
#74596e rgb(116,89,110)
```
#7c5173
```
#7c5173 rgb(124,81,115)
```
#844977
```
#844977 rgb(132,73,119)
```
#8c417b
```
#8c417b rgb(140,65,123)
```
#943980
```
#943980 rgb(148,57,128)
```
#9b3284
```
#9b3284 rgb(155,50,132)
```
#a32a89
```
#a32a89 rgb(163,42,137)
```
#ab228d
```
#ab228d rgb(171,34,141)
```
#b31a92
```
#b31a92 rgb(179,26,146)
```
#bb1296
```
#bb1296 rgb(187,18,150)
```
#c30a9a
```
#c30a9a rgb(195,10,154)
```
#cb029f
```
#cb029f rgb(203,2,159)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#694761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#296aca Protanopia 1% of men
#656c8d Deuteranopia 1% of men
#b74649 Tritanopia 0.001% of the population

Trichromacy

#5e4ab7 Protanomaly 1% of men, 0.01% of women
#844b90 Deuteranomaly 6% of men, 0.4% of women
#b83365 Tritanomaly 0.01% of the population