#bb3472 hex color

In a RGB color space, hex #bb3472 is composed of 73.3% red, 20.4% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.2% magenta, 39% yellow and 26.7% black. It has a hue angle of 332.4 degrees, a saturation of 56.5% and a lightness of 46.9%. #bb3472 color hex could be obtained by blending #ff68e4 with #770000. Closest websafe color is: #cc3366.

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

● #bb3472 color description : Moderate pink.

The hexadecimal color #bb3472 has RGB values of R:187, G:52, B:114 and CMYK values of C:0, M:0.72, Y:0.39, K:0.27. Its decimal value is 12268658.

Hex triplet	bb3472	`#bb3472`
RGB Decimal	187, 52, 114	`rgb(187,52,114)`
RGB Percent	73.3, 20.4, 44.7	`rgb(73.3%,20.4%,44.7%)`
CMYK	0, 72, 39, 27
HSL	332.4°, 56.5, 46.9	`hsl(332.4,56.5%,46.9%)`
HSV (or HSB)	332.4°, 72.2, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.572, 58.24, -4.02
XYZ	24.759, 14.238, 17.363
xyY	0.439, 0.253, 14.238
CIE-LCH	44.572, 58.378, 356.051
CIE-LUV	44.572, 82.961, -15.705
Hunter-Lab	37.733, 51.092, -0.869
Binary	10111011, 00110100, 01110010

#bb3472
```
#bb3472 rgb(187,52,114)
```
#34bb7d
```
#34bb7d rgb(52,187,125)
```

Complementary Color

#bb34b6
```
#bb34b6 rgb(187,52,182)
```
#bb3472
```
#bb3472 rgb(187,52,114)
```
#bb3a34
```
#bb3a34 rgb(187,58,52)
```

Analogous Color

#34b6bb
```
#34b6bb rgb(52,182,187)
```
#bb3472
```
#bb3472 rgb(187,52,114)
```
#34bb3a
```
#34bb3a rgb(52,187,58)
```

Split Complementary Color

#3472bb
```
#3472bb rgb(52,114,187)
```
#bb3472
```
#bb3472 rgb(187,52,114)
```
#72bb34
```
#72bb34 rgb(114,187,52)
```

Triadic Color

#7d34bb
```
#7d34bb rgb(125,52,187)
```
#bb3472
```
#bb3472 rgb(187,52,114)
```
#72bb34
```
#72bb34 rgb(114,187,52)
```
#34bb7d
```
#34bb7d rgb(52,187,125)
```

Tetradic Color

#7f234e
```
#7f234e rgb(127,35,78)
```
#93295a
```
#93295a rgb(147,41,90)
```
#a72e66
```
#a72e66 rgb(167,46,102)
```
#bb3472
```
#bb3472 rgb(187,52,114)
```
#ca3f7f
```
#ca3f7f rgb(202,63,127)
```
#cf538c
```
#cf538c rgb(207,83,140)
```
#d56799
```
#d56799 rgb(213,103,153)
```

Monochromatic Color

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

#bb3494
```
#bb3494 rgb(187,52,148)
```
#bb3489
```
#bb3489 rgb(187,52,137)
```
#bb347d
```
#bb347d rgb(187,52,125)
```
#bb3472
```
#bb3472 rgb(187,52,114)
```
#bb3467
```
#bb3467 rgb(187,52,103)
```
#bb345c
```
#bb345c rgb(187,52,92)
```
#bb3450
```
#bb3450 rgb(187,52,80)
```

Similar Colors

Text with hexadecimal color #bb3472

This text has a font color of #bb3472.

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

#bb3472 background color

This paragraph has a background color of #bb3472.

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

#bb3472 border color

This element has a border color of #bb3472.

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

CSS codes

.text {color:#bb3472;}

.background {background-color:#bb3472;}

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

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

#030102
```
#030102 rgb(3,1,2)
```
#12050b
```
#12050b rgb(18,5,11)
```
#220914
```
#220914 rgb(34,9,20)
```
#310e1e
```
#310e1e rgb(49,14,30)
```
#401227
```
#401227 rgb(64,18,39)
```
#501631
```
#501631 rgb(80,22,49)
```
#5f1a3a
```
#5f1a3a rgb(95,26,58)
```
#6e1f43
```
#6e1f43 rgb(110,31,67)
```
#7e234d
```
#7e234d rgb(126,35,77)
```
#8d2756
```
#8d2756 rgb(141,39,86)
```
#9c2b5f
```
#9c2b5f rgb(156,43,95)
```
#ac3069
```
#ac3069 rgb(172,48,105)
```
#bb3472
```
#bb3472 rgb(187,52,114)
```

Shade Color Variation

#c83a7c
```
#c83a7c rgb(200,58,124)
```
#cd4a86
```
#cd4a86 rgb(205,74,134)
```
#d15990
```
#d15990 rgb(209,89,144)
```
#d5689a
```
#d5689a rgb(213,104,154)
```
#d978a5
```
#d978a5 rgb(217,120,165)
```
#de87af
```
#de87af rgb(222,135,175)
```
#e296b9
```
#e296b9 rgb(226,150,185)
```
#e6a6c3
```
#e6a6c3 rgb(230,166,195)
```
#eab5ce
```
#eab5ce rgb(234,181,206)
```
#efc4d8
```
#efc4d8 rgb(239,196,216)
```
#f3d4e2
```
#f3d4e2 rgb(243,212,226)
```
#f7e3ec
```
#f7e3ec rgb(247,227,236)
```
#fcf2f7
```
#fcf2f7 rgb(252,242,247)
```

Tint Color Variation

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

#7b7477
```
#7b7477 rgb(123,116,119)
```
#846b76
```
#846b76 rgb(132,107,118)
```
#8d6276
```
#8d6276 rgb(141,98,118)
```
#965975
```
#965975 rgb(150,89,117)
```
#9f5074
```
#9f5074 rgb(159,80,116)
```
#a94673
```
#a94673 rgb(169,70,115)
```
#b23d73
```
#b23d73 rgb(178,61,115)
```
#bb3472
```
#bb3472 rgb(187,52,114)
```
#c42b71
```
#c42b71 rgb(196,43,113)
```
#cd2271
```
#cd2271 rgb(205,34,113)
```
#d71870
```
#d71870 rgb(215,24,112)
```
#e00f6f
```
#e00f6f rgb(224,15,111)
```
#e9066e
```
#e9066e rgb(233,6,110)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#755a66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666f94 Protanopia 1% of men
#7c6d6f Deuteranopia 1% of men
#bb494d Tritanopia 0.001% of the population

Trichromacy

#845a87 Protanomaly 1% of men, 0.01% of women
#935870 Deuteranomaly 6% of men, 0.4% of women
#bb415b Tritanomaly 0.01% of the population

#bb3472 hex color

#bb3472 Color Information

#bb3472 Color Conversion

Color Schemes with #bb3472

Alternatives to #bb3472

#bb3472 Preview

Shades and Tints of #bb3472

Tones of #bb3472

Color Blindness Simulator