#bb1685 hex color

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

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

● #bb1685 color description : Strong pink.

The hexadecimal color #bb1685 has RGB values of R:187, G:22, B:133 and CMYK values of C:0, M:0.88, Y:0.29, K:0.27. Its decimal value is 12260997.

Hex triplet	bb1685	`#bb1685`
RGB Decimal	187, 22, 133	`rgb(187,22,133)`
RGB Percent	73.3, 8.6, 52.2	`rgb(73.3%,8.6%,52.2%)`
CMYK	0, 88, 29, 27
HSL	319.6°, 78.9, 41	`hsl(319.6,78.9%,41%)`
HSV (or HSB)	319.6°, 88.2, 73.3
Web Safe	cc0099	`#cc0099`

CIE-LAB	42.513, 68.21, -18.827
XYZ	25.014, 12.834, 23.349
xyY	0.409, 0.21, 12.834
CIE-LCH	42.513, 70.761, 344.57
CIE-LUV	42.513, 82.95, -36.847
Hunter-Lab	35.825, 61.941, -13.564
Binary	10111011, 00010110, 10000101

#bb1685
```
#bb1685 rgb(187,22,133)
```
#16bb4c
```
#16bb4c rgb(22,187,76)
```

Complementary Color

#9f16bb
```
#9f16bb rgb(159,22,187)
```
#bb1685
```
#bb1685 rgb(187,22,133)
```
#bb1633
```
#bb1633 rgb(187,22,51)
```

Analogous Color

#16bb9f
```
#16bb9f rgb(22,187,159)
```
#bb1685
```
#bb1685 rgb(187,22,133)
```
#33bb16
```
#33bb16 rgb(51,187,22)
```

Split Complementary Color

#1685bb
```
#1685bb rgb(22,133,187)
```
#bb1685
```
#bb1685 rgb(187,22,133)
```
#85bb16
```
#85bb16 rgb(133,187,22)
```

Triadic Color

#4c16bb
```
#4c16bb rgb(76,22,187)
```
#bb1685
```
#bb1685 rgb(187,22,133)
```
#85bb16
```
#85bb16 rgb(133,187,22)
```
#16bb4c
```
#16bb4c rgb(22,187,76)
```

Tetradic Color

#770e54
```
#770e54 rgb(119,14,84)
```
#8d1165
```
#8d1165 rgb(141,17,101)
```
#a41375
```
#a41375 rgb(164,19,117)
```
#bb1685
```
#bb1685 rgb(187,22,133)
```
#d21995
```
#d21995 rgb(210,25,149)
```
#e51fa4
```
#e51fa4 rgb(229,31,164)
```
#e736ad
```
#e736ad rgb(231,54,173)
```

Monochromatic Color

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

#bb16ae
```
#bb16ae rgb(187,22,174)
```
#bb16a1
```
#bb16a1 rgb(187,22,161)
```
#bb1693
```
#bb1693 rgb(187,22,147)
```
#bb1685
```
#bb1685 rgb(187,22,133)
```
#bb1677
```
#bb1677 rgb(187,22,119)
```
#bb166a
```
#bb166a rgb(187,22,106)
```
#bb165c
```
#bb165c rgb(187,22,92)
```

Similar Colors

Text with hexadecimal color #bb1685

This text has a font color of #bb1685.

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

#bb1685 background color

This paragraph has a background color of #bb1685.

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

#bb1685 border color

This element has a border color of #bb1685.

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

CSS codes

.text {color:#bb1685;}

.background {background-color:#bb1685;}

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

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

#0b0108
```
#0b0108 rgb(11,1,8)
```
#1d0315
```
#1d0315 rgb(29,3,21)
```
#2f0521
```
#2f0521 rgb(47,5,33)
```
#40082e
```
#40082e rgb(64,8,46)
```
#520a3a
```
#520a3a rgb(82,10,58)
```
#630c47
```
#630c47 rgb(99,12,71)
```
#750e53
```
#750e53 rgb(117,14,83)
```
#861060
```
#861060 rgb(134,16,96)
```
#98126c
```
#98126c rgb(152,18,108)
```
#a91479
```
#a91479 rgb(169,20,121)
```
#bb1685
```
#bb1685 rgb(187,22,133)
```
#cd1891
```
#cd1891 rgb(205,24,145)
```
#de1a9e
```
#de1a9e rgb(222,26,158)
```

Shade Color Variation

#e626a7
```
#e626a7 rgb(230,38,167)
```
#e838ae
```
#e838ae rgb(232,56,174)
```
#ea49b5
```
#ea49b5 rgb(234,73,181)
```
#ec5bbc
```
#ec5bbc rgb(236,91,188)
```
#ee6dc3
```
#ee6dc3 rgb(238,109,195)
```
#f07ecb
```
#f07ecb rgb(240,126,203)
```
#f290d2
```
#f290d2 rgb(242,144,210)
```
#f4a1d9
```
#f4a1d9 rgb(244,161,217)
```
#f6b3e0
```
#f6b3e0 rgb(246,179,224)
```
#f8c4e7
```
#f8c4e7 rgb(248,196,231)
```
#fad6ee
```
#fad6ee rgb(250,214,238)
```
#fce7f5
```
#fce7f5 rgb(252,231,245)
```
#fef9fd
```
#fef9fd rgb(254,249,253)
```

Tint Color Variation

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

#6b6669
```
#6b6669 rgb(107,102,105)
```
#735e6c
```
#735e6c rgb(115,94,108)
```
#7b566f
```
#7b566f rgb(123,86,111)
```
#834e72
```
#834e72 rgb(131,78,114)
```
#8b4674
```
#8b4674 rgb(139,70,116)
```
#933e77
```
#933e77 rgb(147,62,119)
```
#9b367a
```
#9b367a rgb(155,54,122)
```
#a32e7d
```
#a32e7d rgb(163,46,125)
```
#ab267f
```
#ab267f rgb(171,38,127)
```
#b31e82
```
#b31e82 rgb(179,30,130)
```
#bb1685
```
#bb1685 rgb(187,22,133)
```
#c30e88
```
#c30e88 rgb(195,14,136)
```
#cb068b
```
#cb068b rgb(203,6,139)
```

Tone Color Variation

Below, you can see how #bb1685 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
#69485e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4669b4 Protanopia 1% of men
#6d6a7e Deuteranopia 1% of men
#b94044 Tritanopia 0.001% of the population

Trichromacy

#704ba3 Protanomaly 1% of men, 0.01% of women
#894b80 Deuteranomaly 6% of men, 0.4% of women
#b9315b Tritanomaly 0.01% of the population

#bb1685 hex color

#bb1685 Color Information

#bb1685 Color Conversion

Color Schemes with #bb1685

Alternatives to #bb1685

#bb1685 Preview

Shades and Tints of #bb1685

Tones of #bb1685

Color Blindness Simulator