#bb4472 hex color

In a RGB color space, hex #bb4472 is composed of 73.3% red, 26.7% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.6% magenta, 39% yellow and 26.7% black. It has a hue angle of 336.8 degrees, a saturation of 46.7% and a lightness of 50%. #bb4472 color hex could be obtained by blending #ff88e4 with #770000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 27
- B 45
RGB color chart
- C 0
- M 64
- Y 39
- K 27
CMYK color chart

● #bb4472 color description : Moderate pink.

The hexadecimal color #bb4472 has RGB values of R:187, G:68, B:114 and CMYK values of C:0, M:0.64, Y:0.39, K:0.27. Its decimal value is 12272754.

Hex triplet	bb4472	`#bb4472`
RGB Decimal	187, 68, 114	`rgb(187,68,114)`
RGB Percent	73.3, 26.7, 44.7	`rgb(73.3%,26.7%,44.7%)`
CMYK	0, 64, 39, 27
HSL	336.8°, 46.7, 50	`hsl(336.8,46.7%,50%)`
HSV (or HSB)	336.8°, 63.6, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.864, 51.928, -0.648
XYZ	25.598, 15.916, 17.643
xyY	0.433, 0.269, 15.916
CIE-LCH	46.864, 51.932, 359.285
CIE-LUV	46.864, 76.089, -10.26
Hunter-Lab	39.895, 44.716, 1.707
Binary	10111011, 01000100, 01110010

#bb4472
```
#bb4472 rgb(187,68,114)
```
#44bb8d
```
#44bb8d rgb(68,187,141)
```

Complementary Color

#bb44ae
```
#bb44ae rgb(187,68,174)
```
#bb4472
```
#bb4472 rgb(187,68,114)
```
#bb5244
```
#bb5244 rgb(187,82,68)
```

Analogous Color

#44aebb
```
#44aebb rgb(68,174,187)
```
#bb4472
```
#bb4472 rgb(187,68,114)
```
#44bb52
```
#44bb52 rgb(68,187,82)
```

Split Complementary Color

#4472bb
```
#4472bb rgb(68,114,187)
```
#bb4472
```
#bb4472 rgb(187,68,114)
```
#72bb44
```
#72bb44 rgb(114,187,68)
```

Triadic Color

#8d44bb
```
#8d44bb rgb(141,68,187)
```
#bb4472
```
#bb4472 rgb(187,68,114)
```
#72bb44
```
#72bb44 rgb(114,187,68)
```
#44bb8d
```
#44bb8d rgb(68,187,141)
```

Tetradic Color

#833050
```
#833050 rgb(131,48,80)
```
#96365b
```
#96365b rgb(150,54,91)
```
#a83d67
```
#a83d67 rgb(168,61,103)
```
#bb4472
```
#bb4472 rgb(187,68,114)
```
#c25780
```
#c25780 rgb(194,87,128)
```
#c9698e
```
#c9698e rgb(201,105,142)
```
#cf7c9c
```
#cf7c9c rgb(207,124,156)
```

Monochromatic Color

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

#bb4490
```
#bb4490 rgb(187,68,144)
```
#bb4486
```
#bb4486 rgb(187,68,134)
```
#bb447c
```
#bb447c rgb(187,68,124)
```
#bb4472
```
#bb4472 rgb(187,68,114)
```
#bb4468
```
#bb4468 rgb(187,68,104)
```
#bb445e
```
#bb445e rgb(187,68,94)
```
#bb4454
```
#bb4454 rgb(187,68,84)
```

Similar Colors

Text with hexadecimal color #bb4472

This text has a font color of #bb4472.

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

#bb4472 background color

This paragraph has a background color of #bb4472.

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

#bb4472 border color

This element has a border color of #bb4472.

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

CSS codes

.text {color:#bb4472;}

.background {background-color:#bb4472;}

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

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

#0e0509
```
#0e0509 rgb(14,5,9)
```
#1d0a12
```
#1d0a12 rgb(29,10,18)
```
#2b101a
```
#2b101a rgb(43,16,26)
```
#3a1523
```
#3a1523 rgb(58,21,35)
```
#481a2c
```
#481a2c rgb(72,26,44)
```
#561f35
```
#561f35 rgb(86,31,53)
```
#65253d
```
#65253d rgb(101,37,61)
```
#732a46
```
#732a46 rgb(115,42,70)
```
#812f4f
```
#812f4f rgb(129,47,79)
```
#903458
```
#903458 rgb(144,52,88)
```
#9e3a60
```
#9e3a60 rgb(158,58,96)
```
#ad3f69
```
#ad3f69 rgb(173,63,105)
```
#bb4472
```
#bb4472 rgb(187,68,114)
```

Shade Color Variation

#c0527d
```
#c0527d rgb(192,82,125)
```
#c56188
```
#c56188 rgb(197,97,136)
```
#cb6f93
```
#cb6f93 rgb(203,111,147)
```
#d07e9d
```
#d07e9d rgb(208,126,157)
```
#d58ca8
```
#d58ca8 rgb(213,140,168)
```
#da9ab3
```
#da9ab3 rgb(218,154,179)
```
#e0a9be
```
#e0a9be rgb(224,169,190)
```
#e5b7c9
```
#e5b7c9 rgb(229,183,201)
```
#eac5d4
```
#eac5d4 rgb(234,197,212)
```
#efd4de
```
#efd4de rgb(239,212,222)
```
#f5e2e9
```
#f5e2e9 rgb(245,226,233)
```
#faf1f4
```
#faf1f4 rgb(250,241,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#807f7f
```
#807f7f rgb(128,127,127)
```
#8a757d
```
#8a757d rgb(138,117,125)
```
#946b7b
```
#946b7b rgb(148,107,123)
```
#9e6179
```
#9e6179 rgb(158,97,121)
```
#a75876
```
#a75876 rgb(167,88,118)
```
#b14e74
```
#b14e74 rgb(177,78,116)
```
#bb4472
```
#bb4472 rgb(187,68,114)
```
#c53a70
```
#c53a70 rgb(197,58,112)
```
#cf306e
```
#cf306e rgb(207,48,110)
```
#d8276b
```
#d8276b rgb(216,39,107)
```
#e21d69
```
#e21d69 rgb(226,29,105)
```
#ec1367
```
#ec1367 rgb(236,19,103)
```
#f60965
```
#f60965 rgb(246,9,101)
```

Tone Color Variation

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

Dichromacy

#70758e Protanopia 1% of men
#837270 Deuteranopia 1% of men
#bc5459 Tritanopia 0.001% of the population

Trichromacy

#8b6384 Protanomaly 1% of men, 0.01% of women
#976171 Deuteranomaly 6% of men, 0.4% of women
#bb4e62 Tritanomaly 0.01% of the population

#bb4472 hex color

#bb4472 Color Information

#bb4472 Color Conversion

Color Schemes with #bb4472

Alternatives to #bb4472

#bb4472 Preview

Shades and Tints of #bb4472

Tones of #bb4472

Color Blindness Simulator