#bb3fa2 hex color

In a RGB color space, hex #bb3fa2 is composed of 73.3% red, 24.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.3% magenta, 13.4% yellow and 26.7% black. It has a hue angle of 312.1 degrees, a saturation of 49.6% and a lightness of 49%. #bb3fa2 color hex could be obtained by blending #ff7eff with #770045. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 25
- B 64
RGB color chart
- C 0
- M 66
- Y 13
- K 27
CMYK color chart

● #bb3fa2 color description : Moderate magenta.

The hexadecimal color #bb3fa2 has RGB values of R:187, G:63, B:162 and CMYK values of C:0, M:0.66, Y:0.13, K:0.27. Its decimal value is 12271522.

Hex triplet	bb3fa2	`#bb3fa2`
RGB Decimal	187, 63, 162	`rgb(187,63,162)`
RGB Percent	73.3, 24.7, 63.5	`rgb(73.3%,24.7%,63.5%)`
CMYK	0, 66, 13, 27
HSL	312.1°, 49.6, 49	`hsl(312.1,49.6%,49%)`
HSV (or HSB)	312.1°, 66.3, 73.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	47.919, 60.29, -27.955
XYZ	28.792, 16.73, 35.893
xyY	0.354, 0.205, 16.73
CIE-LCH	47.919, 66.456, 335.124
CIE-LUV	47.919, 61.937, -49.64
Hunter-Lab	40.903, 54.07, -23.396
Binary	10111011, 00111111, 10100010

#bb3fa2
```
#bb3fa2 rgb(187,63,162)
```
#3fbb58
```
#3fbb58 rgb(63,187,88)
```

Complementary Color

#963fbb
```
#963fbb rgb(150,63,187)
```
#bb3fa2
```
#bb3fa2 rgb(187,63,162)
```
#bb3f64
```
#bb3f64 rgb(187,63,100)
```

Analogous Color

#3fbb96
```
#3fbb96 rgb(63,187,150)
```
#bb3fa2
```
#bb3fa2 rgb(187,63,162)
```
#64bb3f
```
#64bb3f rgb(100,187,63)
```

Split Complementary Color

#3fa2bb
```
#3fa2bb rgb(63,162,187)
```
#bb3fa2
```
#bb3fa2 rgb(187,63,162)
```
#a2bb3f
```
#a2bb3f rgb(162,187,63)
```

Triadic Color

#583fbb
```
#583fbb rgb(88,63,187)
```
#bb3fa2
```
#bb3fa2 rgb(187,63,162)
```
#a2bb3f
```
#a2bb3f rgb(162,187,63)
```
#3fbb58
```
#3fbb58 rgb(63,187,88)
```

Tetradic Color

#822c70
```
#822c70 rgb(130,44,112)
```
#953281
```
#953281 rgb(149,50,129)
```
#a83991
```
#a83991 rgb(168,57,145)
```
#bb3fa2
```
#bb3fa2 rgb(187,63,162)
```
#c450ac
```
#c450ac rgb(196,80,172)
```
#ca63b5
```
#ca63b5 rgb(202,99,181)
```
#d176be
```
#d176be rgb(209,118,190)
```

Monochromatic Color

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

#b53fbb
```
#b53fbb rgb(181,63,187)
```
#bb3fb7
```
#bb3fb7 rgb(187,63,183)
```
#bb3fac
```
#bb3fac rgb(187,63,172)
```
#bb3fa2
```
#bb3fa2 rgb(187,63,162)
```
#bb3f98
```
#bb3f98 rgb(187,63,152)
```
#bb3f8d
```
#bb3f8d rgb(187,63,141)
```
#bb3f83
```
#bb3f83 rgb(187,63,131)
```

Similar Colors

Text with hexadecimal color #bb3fa2

This text has a font color of #bb3fa2.

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

#bb3fa2 background color

This paragraph has a background color of #bb3fa2.

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

#bb3fa2 border color

This element has a border color of #bb3fa2.

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

CSS codes

.text {color:#bb3fa2;}

.background {background-color:#bb3fa2;}

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

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

#0b0409
```
#0b0409 rgb(11,4,9)
```
#1a0916
```
#1a0916 rgb(26,9,22)
```
#280e23
```
#280e23 rgb(40,14,35)
```
#371330
```
#371330 rgb(55,19,48)
```
#46173c
```
#46173c rgb(70,23,60)
```
#541c49
```
#541c49 rgb(84,28,73)
```
#632156
```
#632156 rgb(99,33,86)
```
#722662
```
#722662 rgb(114,38,98)
```
#802b6f
```
#802b6f rgb(128,43,111)
```
#8f307c
```
#8f307c rgb(143,48,124)
```
#9e3589
```
#9e3589 rgb(158,53,137)
```
#ac3a95
```
#ac3a95 rgb(172,58,149)
```
#bb3fa2
```
#bb3fa2 rgb(187,63,162)
```

Shade Color Variation

#c24baa
```
#c24baa rgb(194,75,170)
```
#c75ab1
```
#c75ab1 rgb(199,90,177)
```
#cc69b8
```
#cc69b8 rgb(204,105,184)
```
#d177bf
```
#d177bf rgb(209,119,191)
```
#d686c6
```
#d686c6 rgb(214,134,198)
```
#db95cd
```
#db95cd rgb(219,149,205)
```
#e0a3d4
```
#e0a3d4 rgb(224,163,212)
```
#e5b2db
```
#e5b2db rgb(229,178,219)
```
#eac1e2
```
#eac1e2 rgb(234,193,226)
```
#efcfe9
```
#efcfe9 rgb(239,207,233)
```
#f4deef
```
#f4deef rgb(244,222,239)
```
#f9edf6
```
#f9edf6 rgb(249,237,246)
```
#fefbfd
```
#fefbfd rgb(254,251,253)
```

Tint Color Variation

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

#817980
```
#817980 rgb(129,121,128)
```
#8b6f85
```
#8b6f85 rgb(139,111,133)
```
#95658b
```
#95658b rgb(149,101,139)
```
#9e5c91
```
#9e5c91 rgb(158,92,145)
```
#a85297
```
#a85297 rgb(168,82,151)
```
#b1499c
```
#b1499c rgb(177,73,156)
```
#bb3fa2
```
#bb3fa2 rgb(187,63,162)
```
#c535a8
```
#c535a8 rgb(197,53,168)
```
#ce2cad
```
#ce2cad rgb(206,44,173)
```
#d822b3
```
#d822b3 rgb(216,34,179)
```
#e119b9
```
#e119b9 rgb(225,25,185)
```
#eb0fbf
```
#eb0fbf rgb(235,15,191)
```
#f505c4
```
#f505c4 rgb(245,5,196)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7e6579 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5276c6 Protanopia 1% of men
#70779b Deuteranopia 1% of men
#b75d63 Tritanopia 0.001% of the population

Trichromacy

#7862b9 Protanomaly 1% of men, 0.01% of women
#8b629d Deuteranomaly 6% of men, 0.4% of women
#b85279 Tritanomaly 0.01% of the population

#bb3fa2 hex color

#bb3fa2 Color Information

#bb3fa2 Color Conversion

Color Schemes with #bb3fa2

Alternatives to #bb3fa2

#bb3fa2 Preview

Shades and Tints of #bb3fa2

Tones of #bb3fa2

Color Blindness Simulator