#bb2f57 hex color

In a RGB color space, hex #bb2f57 is composed of 73.3% red, 18.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.9% magenta, 53.5% yellow and 26.7% black. It has a hue angle of 342.9 degrees, a saturation of 59.8% and a lightness of 45.9%. #bb2f57 color hex could be obtained by blending #ff5eae with #770000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 18
- B 34
RGB color chart
- C 0
- M 75
- Y 53
- K 27
CMYK color chart

● #bb2f57 color description : Moderate pink.

The hexadecimal color #bb2f57 has RGB values of R:187, G:47, B:87 and CMYK values of C:0, M:0.75, Y:0.53, K:0.27. Its decimal value is 12267351.

Hex triplet	bb2f57	`#bb2f57`
RGB Decimal	187, 47, 87	`rgb(187,47,87)`
RGB Percent	73.3, 18.4, 34.1	`rgb(73.3%,18.4%,34.1%)`
CMYK	0, 75, 53, 27
HSL	342.9°, 59.8, 45.9	`hsl(342.9,59.8%,45.9%)`
HSV (or HSB)	342.9°, 74.9, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.195, 57.468, 10.76
XYZ	23.231, 13.288, 10.358
xyY	0.496, 0.283, 13.288
CIE-LCH	43.195, 58.467, 10.605
CIE-LUV	43.195, 94.638, 1.796
Hunter-Lab	36.453, 49.962, 8.671
Binary	10111011, 00101111, 01010111

#bb2f57
```
#bb2f57 rgb(187,47,87)
```
#2fbb93
```
#2fbb93 rgb(47,187,147)
```

Complementary Color

#bb2f9d
```
#bb2f9d rgb(187,47,157)
```
#bb2f57
```
#bb2f57 rgb(187,47,87)
```
#bb4d2f
```
#bb4d2f rgb(187,77,47)
```

Analogous Color

#2f9dbb
```
#2f9dbb rgb(47,157,187)
```
#bb2f57
```
#bb2f57 rgb(187,47,87)
```
#2fbb4d
```
#2fbb4d rgb(47,187,77)
```

Split Complementary Color

#2f57bb
```
#2f57bb rgb(47,87,187)
```
#bb2f57
```
#bb2f57 rgb(187,47,87)
```
#57bb2f
```
#57bb2f rgb(87,187,47)
```

Triadic Color

#932fbb
```
#932fbb rgb(147,47,187)
```
#bb2f57
```
#bb2f57 rgb(187,47,87)
```
#57bb2f
```
#57bb2f rgb(87,187,47)
```
#2fbb93
```
#2fbb93 rgb(47,187,147)
```

Tetradic Color

#7e203b
```
#7e203b rgb(126,32,59)
```
#922544
```
#922544 rgb(146,37,68)
```
#a72a4e
```
#a72a4e rgb(167,42,78)
```
#bb2f57
```
#bb2f57 rgb(187,47,87)
```
#cd3762
```
#cd3762 rgb(205,55,98)
```
#d24b72
```
#d24b72 rgb(210,75,114)
```
#d76082
```
#d76082 rgb(215,96,130)
```

Monochromatic Color

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

#bb2f7a
```
#bb2f7a rgb(187,47,122)
```
#bb2f6e
```
#bb2f6e rgb(187,47,110)
```
#bb2f63
```
#bb2f63 rgb(187,47,99)
```
#bb2f57
```
#bb2f57 rgb(187,47,87)
```
#bb2f4b
```
#bb2f4b rgb(187,47,75)
```
#bb2f40
```
#bb2f40 rgb(187,47,64)
```
#bb2f34
```
#bb2f34 rgb(187,47,52)
```

Similar Colors

Text with hexadecimal color #bb2f57

This text has a font color of #bb2f57.

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

#bb2f57 background color

This paragraph has a background color of #bb2f57.

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

#bb2f57 border color

This element has a border color of #bb2f57.

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

CSS codes

.text {color:#bb2f57;}

.background {background-color:#bb2f57;}

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

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

#0f0407
```
#0f0407 rgb(15,4,7)
```
#1e080e
```
#1e080e rgb(30,8,14)
```
#2e0c15
```
#2e0c15 rgb(46,12,21)
```
#3e0f1d
```
#3e0f1d rgb(62,15,29)
```
#4d1324
```
#4d1324 rgb(77,19,36)
```
#5d172b
```
#5d172b rgb(93,23,43)
```
#6d1b33
```
#6d1b33 rgb(109,27,51)
```
#7c1f3a
```
#7c1f3a rgb(124,31,58)
```
#8c2341
```
#8c2341 rgb(140,35,65)
```
#9c2748
```
#9c2748 rgb(156,39,72)
```
#ab2b50
```
#ab2b50 rgb(171,43,80)
```
#bb2f57
```
#bb2f57 rgb(187,47,87)
```
#cb335e
```
#cb335e rgb(203,51,94)
```

Shade Color Variation

#cf426a
```
#cf426a rgb(207,66,106)
```
#d35177
```
#d35177 rgb(211,81,119)
```
#d76183
```
#d76183 rgb(215,97,131)
```
#db718f
```
#db718f rgb(219,113,143)
```
#df809c
```
#df809c rgb(223,128,156)
```
#e390a8
```
#e390a8 rgb(227,144,168)
```
#e7a0b4
```
#e7a0b4 rgb(231,160,180)
```
#ebb0c1
```
#ebb0c1 rgb(235,176,193)
```
#efbfcd
```
#efbfcd rgb(239,191,205)
```
#f3cfd9
```
#f3cfd9 rgb(243,207,217)
```
#f7dfe5
```
#f7dfe5 rgb(247,223,229)
```
#fbeef2
```
#fbeef2 rgb(251,238,242)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#7c6e72
```
#7c6e72 rgb(124,110,114)
```
#85656e
```
#85656e rgb(133,101,110)
```
#8e5c6a
```
#8e5c6a rgb(142,92,106)
```
#975366
```
#975366 rgb(151,83,102)
```
#a04a63
```
#a04a63 rgb(160,74,99)
```
#a9415f
```
#a9415f rgb(169,65,95)
```
#b2385b
```
#b2385b rgb(178,56,91)
```
#bb2f57
```
#bb2f57 rgb(187,47,87)
```
#c42653
```
#c42653 rgb(196,38,83)
```
#cd1d4f
```
#cd1d4f rgb(205,29,79)
```
#d6144b
```
#d6144b rgb(214,20,75)
```
#df0b48
```
#df0b48 rgb(223,11,72)
```
#e80244
```
#e80244 rgb(232,2,68)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#70545c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6d76 Protanopia 1% of men
#806956 Deuteranopia 1% of men
#bd4043 Tritanopia 0.001% of the population

Trichromacy

#89566b Protanomaly 1% of men, 0.01% of women
#955456 Deuteranomaly 6% of men, 0.4% of women
#bc3a4a Tritanomaly 0.01% of the population

#bb2f57 hex color

#bb2f57 Color Information

#bb2f57 Color Conversion

Color Schemes with #bb2f57

Alternatives to #bb2f57

#bb2f57 Preview

Shades and Tints of #bb2f57

Tones of #bb2f57

Color Blindness Simulator