#bb4561 hex color

In a RGB color space, hex #bb4561 is composed of 73.3% red, 27.1% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.1% magenta, 48.1% yellow and 26.7% black. It has a hue angle of 345.8 degrees, a saturation of 46.5% and a lightness of 50.2%. #bb4561 color hex could be obtained by blending #ff8ac2 with #770000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 27
- B 38
RGB color chart
- C 0
- M 63
- Y 48
- K 27
CMYK color chart

● #bb4561 color description : Moderate red.

The hexadecimal color #bb4561 has RGB values of R:187, G:69, B:97 and CMYK values of C:0, M:0.63, Y:0.48, K:0.27. Its decimal value is 12272993.

Hex triplet	bb4561	`#bb4561`
RGB Decimal	187, 69, 97	`rgb(187,69,97)`
RGB Percent	73.3, 27.1, 38	`rgb(73.3%,27.1%,38%)`
CMYK	0, 63, 48, 27
HSL	345.8°, 46.5, 50.2	`hsl(345.8,46.5%,50.2%)`
HSV (or HSB)	345.8°, 63.1, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.56, 49.759, 9.301
XYZ	24.78, 15.686, 13.031
xyY	0.463, 0.293, 15.686
CIE-LCH	46.56, 50.621, 10.588
CIE-LUV	46.56, 80.79, 2.155
Hunter-Lab	39.606, 42.369, 8.216
Binary	10111011, 01000101, 01100001

#bb4561
```
#bb4561 rgb(187,69,97)
```
#45bb9f
```
#45bb9f rgb(69,187,159)
```

Complementary Color

#bb459c
```
#bb459c rgb(187,69,156)
```
#bb4561
```
#bb4561 rgb(187,69,97)
```
#bb6445
```
#bb6445 rgb(187,100,69)
```

Analogous Color

#459cbb
```
#459cbb rgb(69,156,187)
```
#bb4561
```
#bb4561 rgb(187,69,97)
```
#45bb64
```
#45bb64 rgb(69,187,100)
```

Split Complementary Color

#4561bb
```
#4561bb rgb(69,97,187)
```
#bb4561
```
#bb4561 rgb(187,69,97)
```
#61bb45
```
#61bb45 rgb(97,187,69)
```

Triadic Color

#9f45bb
```
#9f45bb rgb(159,69,187)
```
#bb4561
```
#bb4561 rgb(187,69,97)
```
#61bb45
```
#61bb45 rgb(97,187,69)
```
#45bb9f
```
#45bb9f rgb(69,187,159)
```

Tetradic Color

#833044
```
#833044 rgb(131,48,68)
```
#96374d
```
#96374d rgb(150,55,77)
```
#a93e57
```
#a93e57 rgb(169,62,87)
```
#bb4561
```
#bb4561 rgb(187,69,97)
```
#c25871
```
#c25871 rgb(194,88,113)
```
#c96a81
```
#c96a81 rgb(201,106,129)
```
#cf7d91
```
#cf7d91 rgb(207,125,145)
```

Monochromatic Color

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

#bb457f
```
#bb457f rgb(187,69,127)
```
#bb4575
```
#bb4575 rgb(187,69,117)
```
#bb456b
```
#bb456b rgb(187,69,107)
```
#bb4561
```
#bb4561 rgb(187,69,97)
```
#bb4557
```
#bb4557 rgb(187,69,87)
```
#bb454d
```
#bb454d rgb(187,69,77)
```
#bb4745
```
#bb4745 rgb(187,71,69)
```

Similar Colors

Text with hexadecimal color #bb4561

This text has a font color of #bb4561.

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

#bb4561 background color

This paragraph has a background color of #bb4561.

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

#bb4561 border color

This element has a border color of #bb4561.

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

CSS codes

.text {color:#bb4561;}

.background {background-color:#bb4561;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#0f0608
```
#0f0608 rgb(15,6,8)
```
#1d0b0f
```
#1d0b0f rgb(29,11,15)
```
#2c1017
```
#2c1017 rgb(44,16,23)
```
#3a151e
```
#3a151e rgb(58,21,30)
```
#491b25
```
#491b25 rgb(73,27,37)
```
#57202d
```
#57202d rgb(87,32,45)
```
#652534
```
#652534 rgb(101,37,52)
```
#742a3c
```
#742a3c rgb(116,42,60)
```
#823043
```
#823043 rgb(130,48,67)
```
#90354b
```
#90354b rgb(144,53,75)
```
#9f3a52
```
#9f3a52 rgb(159,58,82)
```
#ad3f59
```
#ad3f59 rgb(173,63,89)
```

Shade Color Variation

#bb4561
```
#bb4561 rgb(187,69,97)
```
#c0536d
```
#c0536d rgb(192,83,109)
```
#c66279
```
#c66279 rgb(198,98,121)
```
#cb7086
```
#cb7086 rgb(203,112,134)
```
#d07e92
```
#d07e92 rgb(208,126,146)
```
#d58d9e
```
#d58d9e rgb(213,141,158)
```
#db9baa
```
#db9baa rgb(219,155,170)
```
#e0aab6
```
#e0aab6 rgb(224,170,182)
```
#e5b8c3
```
#e5b8c3 rgb(229,184,195)
```
#eac6cf
```
#eac6cf rgb(234,198,207)
```
#f0d5db
```
#f0d5db rgb(240,213,219)
```
#f5e3e7
```
#f5e3e7 rgb(245,227,231)
```
#faf1f3
```
#faf1f3 rgb(250,241,243)
```

Tint Color Variation

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

#808080
```
#808080 rgb(128,128,128)
```
#8a767b
```
#8a767b rgb(138,118,123)
```
#946c76
```
#946c76 rgb(148,108,118)
```
#9e6270
```
#9e6270 rgb(158,98,112)
```
#a7596b
```
#a7596b rgb(167,89,107)
```
#b14f66
```
#b14f66 rgb(177,79,102)
```
#bb4561
```
#bb4561 rgb(187,69,97)
```
#c53b5c
```
#c53b5c rgb(197,59,92)
```
#cf3157
```
#cf3157 rgb(207,49,87)
```
#d82852
```
#d82852 rgb(216,40,82)
```
#e21e4c
```
#e21e4c rgb(226,30,76)
```
#ec1447
```
#ec1447 rgb(236,20,71)
```
#f60a42
```
#f60a42 rgb(246,10,66)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b6369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#76757b Protanopia 1% of men
#877161 Deuteranopia 1% of men
#bd5257 Tritanopia 0.001% of the population

Trichromacy

#8f6371 Protanomaly 1% of men, 0.01% of women
#9a6161 Deuteranomaly 6% of men, 0.4% of women
#bc4d5a Tritanomaly 0.01% of the population

#bb4561 hex color

#bb4561 Color Information

#bb4561 Color Conversion

Color Schemes with #bb4561

Alternatives to #bb4561

#bb4561 Preview

Shades and Tints of #bb4561

Tones of #bb4561

Color Blindness Simulator