colorhexa.com

#bb3a8f hex color

In a RGB color space, hex #bb3a8f is composed of 73.3% red, 22.7% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69% magenta, 23.5% yellow and 26.7% black. It has a hue angle of 320.5 degrees, a saturation of 52.7% and a lightness of 48%. #bb3a8f color hex could be obtained by blending #ff74ff with #77001f. Closest websafe color is: #cc3399.

- R 73
- G 23
- B 56
RGB color chart
- C 0
- M 69
- Y 24
- K 27
CMYK color chart

● #bb3a8f color description : Moderate pink.

The hexadecimal color #bb3a8f has RGB values of R:187, G:58, B:143 and CMYK values of C:0, M:0.69, Y:0.24, K:0.27. Its decimal value is 12270223.

Hex triplet	bb3a8f	`#bb3a8f`
RGB Decimal	187, 58, 143	`rgb(187,58,143)`
RGB Percent	73.3, 22.7, 56.1	`rgb(73.3%,22.7%,56.1%)`
CMYK	0, 69, 24, 27
HSL	320.5°, 52.7, 48	`hsl(320.5,52.7%,48%)`
HSV (or HSB)	320.5°, 69, 73.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	46.414, 59.516, -18.921
XYZ	26.965, 15.576, 27.572
xyY	0.385, 0.222, 15.576
CIE-LCH	46.414, 62.451, 342.363
CIE-LUV	46.414, 70.185, -36.211
Hunter-Lab	39.467, 52.888, -13.793
Binary	10111011, 00111010, 10001111

#bb3a8f
```
#bb3a8f rgb(187,58,143)
```
#3abb66
```
#3abb66 rgb(58,187,102)
```

Complementary Color

#a73abb
```
#a73abb rgb(167,58,187)
```
#bb3a8f
```
#bb3a8f rgb(187,58,143)
```
#bb3a4e
```
#bb3a4e rgb(187,58,78)
```

Analogous Color

#3abba7
```
#3abba7 rgb(58,187,167)
```
#bb3a8f
```
#bb3a8f rgb(187,58,143)
```
#4ebb3a
```
#4ebb3a rgb(78,187,58)
```

Split Complementary Color

#3a8fbb
```
#3a8fbb rgb(58,143,187)
```
#bb3a8f
```
#bb3a8f rgb(187,58,143)
```
#8fbb3a
```
#8fbb3a rgb(143,187,58)
```

Triadic Color

#663abb
```
#663abb rgb(102,58,187)
```
#bb3a8f
```
#bb3a8f rgb(187,58,143)
```
#8fbb3a
```
#8fbb3a rgb(143,187,58)
```
#3abb66
```
#3abb66 rgb(58,187,102)
```

Tetradic Color

#812862
```
#812862 rgb(129,40,98)
```
#942e71
```
#942e71 rgb(148,46,113)
```
#a83480
```
#a83480 rgb(168,52,128)
```
#bb3a8f
```
#bb3a8f rgb(187,58,143)
```
#c6489b
```
#c6489b rgb(198,72,155)
```
#cc5ca6
```
#cc5ca6 rgb(204,92,166)
```
#d26fb1
```
#d26fb1 rgb(210,111,177)
```

Monochromatic Color

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

#bb3aaf
```
#bb3aaf rgb(187,58,175)
```
#bb3aa5
```
#bb3aa5 rgb(187,58,165)
```
#bb3a9a
```
#bb3a9a rgb(187,58,154)
```
#bb3a8f
```
#bb3a8f rgb(187,58,143)
```
#bb3a84
```
#bb3a84 rgb(187,58,132)
```
#bb3a7a
```
#bb3a7a rgb(187,58,122)
```
#bb3a6f
```
#bb3a6f rgb(187,58,111)
```

Similar Colors

Text with hexadecimal color #bb3a8f

This text has a font color of #bb3a8f.

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

#bb3a8f background color

This paragraph has a background color of #bb3a8f.

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

#bb3a8f border color

This element has a border color of #bb3a8f.

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

CSS codes

.text {color:#bb3a8f;}

.background {background-color:#bb3a8f;}

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

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

#070206
```
#070206 rgb(7,2,6)
```
#160711
```
#160711 rgb(22,7,17)
```
#250c1d
```
#250c1d rgb(37,12,29)
```
#341028
```
#341028 rgb(52,16,40)
```
#431533
```
#431533 rgb(67,21,51)
```
#52193f
```
#52193f rgb(82,25,63)
```
#611e4a
```
#611e4a rgb(97,30,74)
```
#702356
```
#702356 rgb(112,35,86)
```
#7f2761
```
#7f2761 rgb(127,39,97)
```
#8e2c6d
```
#8e2c6d rgb(142,44,109)
```
#9d3178
```
#9d3178 rgb(157,49,120)
```
#ac3584
```
#ac3584 rgb(172,53,132)
```
#bb3a8f
```
#bb3a8f rgb(187,58,143)
```

Shade Color Variation

#c54499
```
#c54499 rgb(197,68,153)
```
#ca53a1
```
#ca53a1 rgb(202,83,161)
```
#ce62a9
```
#ce62a9 rgb(206,98,169)
```
#d371b1
```
#d371b1 rgb(211,113,177)
```
#d780ba
```
#d780ba rgb(215,128,186)
```
#dc8fc2
```
#dc8fc2 rgb(220,143,194)
```
#e19eca
```
#e19eca rgb(225,158,202)
```
#e5add2
```
#e5add2 rgb(229,173,210)
```
#eabbda
```
#eabbda rgb(234,187,218)
```
#efcae2
```
#efcae2 rgb(239,202,226)
```
#f3d9eb
```
#f3d9eb rgb(243,217,235)
```
#f8e8f3
```
#f8e8f3 rgb(248,232,243)
```
#fdf7fb
```
#fdf7fb rgb(253,247,251)
```

Tint Color Variation

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

#82737d
```
#82737d rgb(130,115,125)
```
#8c6980
```
#8c6980 rgb(140,105,128)
```
#956083
```
#956083 rgb(149,96,131)
```
#9f5686
```
#9f5686 rgb(159,86,134)
```
#a84d89
```
#a84d89 rgb(168,77,137)
```
#b2438c
```
#b2438c rgb(178,67,140)
```
#bb3a8f
```
#bb3a8f rgb(187,58,143)
```
#c43192
```
#c43192 rgb(196,49,146)
```
#ce2795
```
#ce2795 rgb(206,39,149)
```
#d71e98
```
#d71e98 rgb(215,30,152)
```
#e1149b
```
#e1149b rgb(225,20,155)
```
#ea0b9e
```
#ea0b9e rgb(234,11,158)
```
#f401a1
```
#f401a1 rgb(244,1,161)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7a6071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b73b3 Protanopia 1% of men
#757389 Deuteranopia 1% of men
#b9555a Tritanopia 0.001% of the population

Trichromacy

#7e5ea6 Protanomaly 1% of men, 0.01% of women
#8e5e8b Deuteranomaly 6% of men, 0.4% of women
#b94b6d Tritanomaly 0.01% of the population