#bb48b4 hex color

In a RGB color space, hex #bb48b4 is composed of 73.3% red, 28.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.5% magenta, 3.7% yellow and 26.7% black. It has a hue angle of 303.7 degrees, a saturation of 45.8% and a lightness of 50.8%. #bb48b4 color hex could be obtained by blending #ff90ff with #770069. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 28
- B 71
RGB color chart
- C 0
- M 61
- Y 4
- K 27
CMYK color chart

● #bb48b4 color description : Moderate magenta.

The hexadecimal color #bb48b4 has RGB values of R:187, G:72, B:180 and CMYK values of C:0, M:0.61, Y:0.04, K:0.27. Its decimal value is 12273844.

Hex triplet	bb48b4	`#bb48b4`
RGB Decimal	187, 72, 180	`rgb(187,72,180)`
RGB Percent	73.3, 28.2, 70.6	`rgb(73.3%,28.2%,70.6%)`
CMYK	0, 61, 4, 27
HSL	303.7°, 45.8, 50.8	`hsl(303.7,45.8%,50.8%)`
HSV (or HSB)	303.7°, 61.5, 73.3
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.093, 59.469, -35.146
XYZ	31.049, 18.497, 45.112
xyY	0.328, 0.195, 18.497
CIE-LCH	50.093, 69.078, 329.417
CIE-LUV	50.093, 53.386, -60.735
Hunter-Lab	43.008, 53.601, -32.086
Binary	10111011, 01001000, 10110100

#bb48b4
```
#bb48b4 rgb(187,72,180)
```
#48bb4f
```
#48bb4f rgb(72,187,79)
```

Complementary Color

#8948bb
```
#8948bb rgb(137,72,187)
```
#bb48b4
```
#bb48b4 rgb(187,72,180)
```
#bb487b
```
#bb487b rgb(187,72,123)
```

Analogous Color

#48bb89
```
#48bb89 rgb(72,187,137)
```
#bb48b4
```
#bb48b4 rgb(187,72,180)
```
#7bbb48
```
#7bbb48 rgb(123,187,72)
```

Split Complementary Color

#48b4bb
```
#48b4bb rgb(72,180,187)
```
#bb48b4
```
#bb48b4 rgb(187,72,180)
```
#b4bb48
```
#b4bb48 rgb(180,187,72)
```

Triadic Color

#4f48bb
```
#4f48bb rgb(79,72,187)
```
#bb48b4
```
#bb48b4 rgb(187,72,180)
```
#b4bb48
```
#b4bb48 rgb(180,187,72)
```
#48bb4f
```
#48bb4f rgb(72,187,79)
```

Tetradic Color

#853180
```
#853180 rgb(133,49,128)
```
#983892
```
#983892 rgb(152,56,146)
```
#aa3fa4
```
#aa3fa4 rgb(170,63,164)
```
#bb48b4
```
#bb48b4 rgb(187,72,180)
```
#c25bbc
```
#c25bbc rgb(194,91,188)
```
#c96dc3
```
#c96dc3 rgb(201,109,195)
```
#d080cb
```
#d080cb rgb(208,128,203)
```

Monochromatic Color

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

#a548bb
```
#a548bb rgb(165,72,187)
```
#af48bb
```
#af48bb rgb(175,72,187)
```
#b848bb
```
#b848bb rgb(184,72,187)
```
#bb48b4
```
#bb48b4 rgb(187,72,180)
```
#bb48aa
```
#bb48aa rgb(187,72,170)
```
#bb48a1
```
#bb48a1 rgb(187,72,161)
```
#bb4897
```
#bb4897 rgb(187,72,151)
```

Similar Colors

Text with hexadecimal color #bb48b4

This text has a font color of #bb48b4.

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

#bb48b4 background color

This paragraph has a background color of #bb48b4.

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

#bb48b4 border color

This element has a border color of #bb48b4.

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

CSS codes

.text {color:#bb48b4;}

.background {background-color:#bb48b4;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#110611
```
#110611 rgb(17,6,17)
```
#200c1e
```
#200c1e rgb(32,12,30)
```
#2e112c
```
#2e112c rgb(46,17,44)
```
#3c163a
```
#3c163a rgb(60,22,58)
```
#4a1c48
```
#4a1c48 rgb(74,28,72)
```
#592155
```
#592155 rgb(89,33,85)
```
#672663
```
#672663 rgb(103,38,99)
```
#752c71
```
#752c71 rgb(117,44,113)
```
#84317f
```
#84317f rgb(132,49,127)
```
#92368c
```
#92368c rgb(146,54,140)
```
#a03c9a
```
#a03c9a rgb(160,60,154)
```
#af41a8
```
#af41a8 rgb(175,65,168)
```

Shade Color Variation

#bb48b4
```
#bb48b4 rgb(187,72,180)
```
#c056ba
```
#c056ba rgb(192,86,186)
```
#c665c0
```
#c665c0 rgb(198,101,192)
```
#cb73c6
```
#cb73c6 rgb(203,115,198)
```
#d081cb
```
#d081cb rgb(208,129,203)
```
#d690d1
```
#d690d1 rgb(214,144,209)
```
#db9ed7
```
#db9ed7 rgb(219,158,215)
```
#e0acdd
```
#e0acdd rgb(224,172,221)
```
#e6bae3
```
#e6bae3 rgb(230,186,227)
```
#ebc9e9
```
#ebc9e9 rgb(235,201,233)
```
#f0d7ef
```
#f0d7ef rgb(240,215,239)
```
#f5e5f4
```
#f5e5f4 rgb(245,229,244)
```
#fbf4fa
```
#fbf4fa rgb(251,244,250)
```

Tint Color Variation

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

#8b788a
```
#8b788a rgb(139,120,138)
```
#946f92
```
#946f92 rgb(148,111,146)
```
#9e659b
```
#9e659b rgb(158,101,155)
```
#a85ba3
```
#a85ba3 rgb(168,91,163)
```
#b152ac
```
#b152ac rgb(177,82,172)
```
#bb48b4
```
#bb48b4 rgb(187,72,180)
```
#c53ebc
```
#c53ebc rgb(197,62,188)
```
#ce35c5
```
#ce35c5 rgb(206,53,197)
```
#d82bcd
```
#d82bcd rgb(216,43,205)
```
#e221d6
```
#e221d6 rgb(226,33,214)
```
#eb18de
```
#eb18de rgb(235,24,222)
```
#f50ee7
```
#f50ee7 rgb(245,14,231)
```
#ff04ef
```
#ff04ef rgb(255,4,239)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#856e83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d7bd6 Protanopia 1% of men
#6c7dac Deuteranopia 1% of men
#b5676e Tritanopia 0.001% of the population

Trichromacy

#7568ca Protanomaly 1% of men, 0.01% of women
#8969ae Deuteranomaly 6% of men, 0.4% of women
#b75b87 Tritanomaly 0.01% of the population

#bb48b4 hex color

#bb48b4 Color Information

#bb48b4 Color Conversion

Color Schemes with #bb48b4

Alternatives to #bb48b4

#bb48b4 Preview

Shades and Tints of #bb48b4

Tones of #bb48b4

Color Blindness Simulator