#bb3a9f hex color

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

♥
- f
- t
- g
- R 73
- G 23
- B 62
RGB color chart
- C 0
- M 69
- Y 15
- K 27
CMYK color chart

● #bb3a9f color description : Moderate magenta.

The hexadecimal color #bb3a9f has RGB values of R:187, G:58, B:159 and CMYK values of C:0, M:0.69, Y:0.15, K:0.27. Its decimal value is 12270239.

Hex triplet	bb3a9f	`#bb3a9f`
RGB Decimal	187, 58, 159	`rgb(187,58,159)`
RGB Percent	73.3, 22.7, 62.4	`rgb(73.3%,22.7%,62.4%)`
CMYK	0, 69, 15, 27
HSL	313°, 52.7, 48	`hsl(313,52.7%,48%)`
HSV (or HSB)	313°, 69, 73.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	47.1, 61.752, -27.445
XYZ	28.264, 16.096, 34.417
xyY	0.359, 0.204, 16.096
CIE-LCH	47.1, 67.576, 336.037
CIE-LUV	47.1, 64.474, -48.932
Hunter-Lab	40.12, 55.542, -22.778
Binary	10111011, 00111010, 10011111

#bb3a9f
```
#bb3a9f rgb(187,58,159)
```
#3abb56
```
#3abb56 rgb(58,187,86)
```

Complementary Color

#973abb
```
#973abb rgb(151,58,187)
```
#bb3a9f
```
#bb3a9f rgb(187,58,159)
```
#bb3a5f
```
#bb3a5f rgb(187,58,95)
```

Analogous Color

#3abb97
```
#3abb97 rgb(58,187,151)
```
#bb3a9f
```
#bb3a9f rgb(187,58,159)
```
#5fbb3a
```
#5fbb3a rgb(95,187,58)
```

Split Complementary Color

#3a9fbb
```
#3a9fbb rgb(58,159,187)
```
#bb3a9f
```
#bb3a9f rgb(187,58,159)
```
#9fbb3a
```
#9fbb3a rgb(159,187,58)
```

Triadic Color

#563abb
```
#563abb rgb(86,58,187)
```
#bb3a9f
```
#bb3a9f rgb(187,58,159)
```
#9fbb3a
```
#9fbb3a rgb(159,187,58)
```
#3abb56
```
#3abb56 rgb(58,187,86)
```

Tetradic Color

#81286d
```
#81286d rgb(129,40,109)
```
#942e7e
```
#942e7e rgb(148,46,126)
```
#a8348e
```
#a8348e rgb(168,52,142)
```
#bb3a9f
```
#bb3a9f rgb(187,58,159)
```
#c648ab
```
#c648ab rgb(198,72,171)
```
#cc5cb4
```
#cc5cb4 rgb(204,92,180)
```
#d26fbd
```
#d26fbd rgb(210,111,189)
```

Monochromatic Color

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

#b73abb
```
#b73abb rgb(183,58,187)
```
#bb3ab5
```
#bb3ab5 rgb(187,58,181)
```
#bb3aaa
```
#bb3aaa rgb(187,58,170)
```
#bb3a9f
```
#bb3a9f rgb(187,58,159)
```
#bb3a94
```
#bb3a94 rgb(187,58,148)
```
#bb3a8a
```
#bb3a8a rgb(187,58,138)
```
#bb3a7f
```
#bb3a7f rgb(187,58,127)
```

Similar Colors

Text with hexadecimal color #bb3a9f

This text has a font color of #bb3a9f.

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

#bb3a9f background color

This paragraph has a background color of #bb3a9f.

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

#bb3a9f border color

This element has a border color of #bb3a9f.

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

CSS codes

.text {color:#bb3a9f;}

.background {background-color:#bb3a9f;}

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

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)
```
#160713
```
#160713 rgb(22,7,19)
```
#250c20
```
#250c20 rgb(37,12,32)
```
#34102c
```
#34102c rgb(52,16,44)
```
#431539
```
#431539 rgb(67,21,57)
```
#521946
```
#521946 rgb(82,25,70)
```
#611e53
```
#611e53 rgb(97,30,83)
```
#70235f
```
#70235f rgb(112,35,95)
```
#7f276c
```
#7f276c rgb(127,39,108)
```
#8e2c79
```
#8e2c79 rgb(142,44,121)
```
#9d3186
```
#9d3186 rgb(157,49,134)
```
#ac3592
```
#ac3592 rgb(172,53,146)
```
#bb3a9f
```
#bb3a9f rgb(187,58,159)
```

Shade Color Variation

#c544a9
```
#c544a9 rgb(197,68,169)
```
#ca53b0
```
#ca53b0 rgb(202,83,176)
```
#ce62b7
```
#ce62b7 rgb(206,98,183)
```
#d371be
```
#d371be rgb(211,113,190)
```
#d780c4
```
#d780c4 rgb(215,128,196)
```
#dc8fcb
```
#dc8fcb rgb(220,143,203)
```
#e19ed2
```
#e19ed2 rgb(225,158,210)
```
#e5add9
```
#e5add9 rgb(229,173,217)
```
#eabbe0
```
#eabbe0 rgb(234,187,224)
```
#efcae7
```
#efcae7 rgb(239,202,231)
```
#f3d9ee
```
#f3d9ee rgb(243,217,238)
```
#f8e8f5
```
#f8e8f5 rgb(248,232,245)
```
#fdf7fb
```
#fdf7fb rgb(253,247,251)
```

Tint Color Variation

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

#82737f
```
#82737f rgb(130,115,127)
```
#8c6984
```
#8c6984 rgb(140,105,132)
```
#95608a
```
#95608a rgb(149,96,138)
```
#9f568f
```
#9f568f rgb(159,86,143)
```
#a84d94
```
#a84d94 rgb(168,77,148)
```
#b2439a
```
#b2439a rgb(178,67,154)
```
#bb3a9f
```
#bb3a9f rgb(187,58,159)
```
#c431a4
```
#c431a4 rgb(196,49,164)
```
#ce27aa
```
#ce27aa rgb(206,39,170)
```
#d71eaf
```
#d71eaf rgb(215,30,175)
```
#e114b4
```
#e114b4 rgb(225,20,180)
```
#ea0bba
```
#ea0bba rgb(234,11,186)
```
#f401bf
```
#f401bf rgb(244,1,191)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7c6276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e74c5 Protanopia 1% of men
#6f7598 Deuteranopia 1% of men
#b7595f Tritanopia 0.001% of the population

Trichromacy

#765fb7 Protanomaly 1% of men, 0.01% of women
#8a5f9a Deuteranomaly 6% of men, 0.4% of women
#b84e76 Tritanomaly 0.01% of the population

#bb3a9f hex color

#bb3a9f Color Information

#bb3a9f Color Conversion

Color Schemes with #bb3a9f

Alternatives to #bb3a9f

#bb3a9f Preview

Shades and Tints of #bb3a9f

Tones of #bb3a9f

Color Blindness Simulator