#bb4180 hex color

In a RGB color space, hex #bb4180 is composed of 73.3% red, 25.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.2% magenta, 31.6% yellow and 26.7% black. It has a hue angle of 329 degrees, a saturation of 48.4% and a lightness of 49.4%. #bb4180 color hex could be obtained by blending #ff82ff with #770001. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 25
- B 50
RGB color chart
- C 0
- M 65
- Y 32
- K 27
CMYK color chart

● #bb4180 color description : Moderate pink.

The hexadecimal color #bb4180 has RGB values of R:187, G:65, B:128 and CMYK values of C:0, M:0.65, Y:0.32, K:0.27. Its decimal value is 12272000.

Hex triplet	bb4180	`#bb4180`
RGB Decimal	187, 65, 128	`rgb(187,65,128)`
RGB Percent	73.3, 25.5, 50.2	`rgb(73.3%,25.5%,50.2%)`
CMYK	0, 65, 32, 27
HSL	329°, 48.4, 49.4	`hsl(329,48.4%,49.4%)`
HSV (or HSB)	329°, 65.2, 73.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	46.851, 54.828, -9.185
XYZ	26.28, 15.906, 22.107
xyY	0.409, 0.247, 15.906
CIE-LCH	46.851, 55.592, 350.489
CIE-LUV	46.851, 72.821, -21.985
Hunter-Lab	39.883, 47.827, -4.947
Binary	10111011, 01000001, 10000000

#bb4180
```
#bb4180 rgb(187,65,128)
```
#41bb7c
```
#41bb7c rgb(65,187,124)
```

Complementary Color

#b941bb
```
#b941bb rgb(185,65,187)
```
#bb4180
```
#bb4180 rgb(187,65,128)
```
#bb4143
```
#bb4143 rgb(187,65,67)
```

Analogous Color

#41bbb9
```
#41bbb9 rgb(65,187,185)
```
#bb4180
```
#bb4180 rgb(187,65,128)
```
#43bb41
```
#43bb41 rgb(67,187,65)
```

Split Complementary Color

#4180bb
```
#4180bb rgb(65,128,187)
```
#bb4180
```
#bb4180 rgb(187,65,128)
```
#80bb41
```
#80bb41 rgb(128,187,65)
```

Triadic Color

#7c41bb
```
#7c41bb rgb(124,65,187)
```
#bb4180
```
#bb4180 rgb(187,65,128)
```
#80bb41
```
#80bb41 rgb(128,187,65)
```
#41bb7c
```
#41bb7c rgb(65,187,124)
```

Tetradic Color

#822d59
```
#822d59 rgb(130,45,89)
```
#953466
```
#953466 rgb(149,52,102)
```
#a83a73
```
#a83a73 rgb(168,58,115)
```
#bb4180
```
#bb4180 rgb(187,65,128)
```
#c3528d
```
#c3528d rgb(195,82,141)
```
#ca6599
```
#ca6599 rgb(202,101,153)
```
#d078a6
```
#d078a6 rgb(208,120,166)
```

Monochromatic Color

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

#bb419f
```
#bb419f rgb(187,65,159)
```
#bb4194
```
#bb4194 rgb(187,65,148)
```
#bb418a
```
#bb418a rgb(187,65,138)
```
#bb4180
```
#bb4180 rgb(187,65,128)
```
#bb4176
```
#bb4176 rgb(187,65,118)
```
#bb416c
```
#bb416c rgb(187,65,108)
```
#bb4162
```
#bb4162 rgb(187,65,98)
```

Similar Colors

Text with hexadecimal color #bb4180

This text has a font color of #bb4180.

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

#bb4180 background color

This paragraph has a background color of #bb4180.

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

#bb4180 border color

This element has a border color of #bb4180.

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

CSS codes

.text {color:#bb4180;}

.background {background-color:#bb4180;}

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

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

#0c0408
```
#0c0408 rgb(12,4,8)
```
#1b0912
```
#1b0912 rgb(27,9,18)
```
#290e1c
```
#290e1c rgb(41,14,28)
```
#381326
```
#381326 rgb(56,19,38)
```
#471930
```
#471930 rgb(71,25,48)
```
#551e3a
```
#551e3a rgb(85,30,58)
```
#642344
```
#642344 rgb(100,35,68)
```
#72284e
```
#72284e rgb(114,40,78)
```
#812d58
```
#812d58 rgb(129,45,88)
```
#8f3262
```
#8f3262 rgb(143,50,98)
```
#9e376c
```
#9e376c rgb(158,55,108)
```
#ac3c76
```
#ac3c76 rgb(172,60,118)
```
#bb4180
```
#bb4180 rgb(187,65,128)
```

Shade Color Variation

#c24e8a
```
#c24e8a rgb(194,78,138)
```
#c75d93
```
#c75d93 rgb(199,93,147)
```
#cc6b9d
```
#cc6b9d rgb(204,107,157)
```
#d17aa7
```
#d17aa7 rgb(209,122,167)
```
#d688b0
```
#d688b0 rgb(214,136,176)
```
#db97ba
```
#db97ba rgb(219,151,186)
```
#e0a5c4
```
#e0a5c4 rgb(224,165,196)
```
#e5b4cd
```
#e5b4cd rgb(229,180,205)
```
#eac3d7
```
#eac3d7 rgb(234,195,215)
```
#efd1e1
```
#efd1e1 rgb(239,209,225)
```
#f4e0ea
```
#f4e0ea rgb(244,224,234)
```
#f9eef4
```
#f9eef4 rgb(249,238,244)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#817b7e
```
#817b7e rgb(129,123,126)
```
#8b717e
```
#8b717e rgb(139,113,126)
```
#94687f
```
#94687f rgb(148,104,127)
```
#9e5e7f
```
#9e5e7f rgb(158,94,127)
```
#a8547f
```
#a8547f rgb(168,84,127)
```
#b14b80
```
#b14b80 rgb(177,75,128)
```
#bb4180
```
#bb4180 rgb(187,65,128)
```
#c53780
```
#c53780 rgb(197,55,128)
```
#ce2e81
```
#ce2e81 rgb(206,46,129)
```
#d82481
```
#d82481 rgb(216,36,129)
```
#e21a81
```
#e21a81 rgb(226,26,129)
```
#eb1182
```
#eb1182 rgb(235,17,130)
```
#f50782
```
#f50782 rgb(245,7,130)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7d6471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#68759f Protanopia 1% of men
#7e737d Deuteranopia 1% of men
#ba555a Tritanopia 0.001% of the population

Trichromacy

#866294 Protanomaly 1% of men, 0.01% of women
#94617e Deuteranomaly 6% of men, 0.4% of women
#ba4e68 Tritanomaly 0.01% of the population

#bb4180 hex color

#bb4180 Color Information

#bb4180 Color Conversion

Color Schemes with #bb4180

Alternatives to #bb4180

#bb4180 Preview

Shades and Tints of #bb4180

Tones of #bb4180

Color Blindness Simulator