#bb48b8 hex color

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

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

● #bb48b8 color description : Moderate magenta.

The hexadecimal color #bb48b8 has RGB values of R:187, G:72, B:184 and CMYK values of C:0, M:0.61, Y:0.02, K:0.27. Its decimal value is 12273848.

Hex triplet	bb48b8	`#bb48b8`
RGB Decimal	187, 72, 184	`rgb(187,72,184)`
RGB Percent	73.3, 28.2, 72.2	`rgb(73.3%,28.2%,72.2%)`
CMYK	0, 61, 2, 27
HSL	301.6°, 45.8, 50.8	`hsl(301.6,45.8%,50.8%)`
HSV (or HSB)	301.6°, 61.5, 73.3
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.289, 60.145, -37.168
XYZ	31.462, 18.662, 47.29
xyY	0.323, 0.192, 18.662
CIE-LCH	50.289, 70.703, 328.285
CIE-LUV	50.289, 52.176, -63.926
Hunter-Lab	43.2, 54.401, -34.664
Binary	10111011, 01001000, 10111000

#bb48b8
```
#bb48b8 rgb(187,72,184)
```
#48bb4b
```
#48bb4b rgb(72,187,75)
```

Complementary Color

#8548bb
```
#8548bb rgb(133,72,187)
```
#bb48b8
```
#bb48b8 rgb(187,72,184)
```
#bb487f
```
#bb487f rgb(187,72,127)
```

Analogous Color

#48bb85
```
#48bb85 rgb(72,187,133)
```
#bb48b8
```
#bb48b8 rgb(187,72,184)
```
#7fbb48
```
#7fbb48 rgb(127,187,72)
```

Split Complementary Color

#48b8bb
```
#48b8bb rgb(72,184,187)
```
#bb48b8
```
#bb48b8 rgb(187,72,184)
```
#b8bb48
```
#b8bb48 rgb(184,187,72)
```

Triadic Color

#4b48bb
```
#4b48bb rgb(75,72,187)
```
#bb48b8
```
#bb48b8 rgb(187,72,184)
```
#b8bb48
```
#b8bb48 rgb(184,187,72)
```
#48bb4b
```
#48bb4b rgb(72,187,75)
```

Tetradic Color

#853183
```
#853183 rgb(133,49,131)
```
#983895
```
#983895 rgb(152,56,149)
```
#aa3fa7
```
#aa3fa7 rgb(170,63,167)
```
#bb48b8
```
#bb48b8 rgb(187,72,184)
```
#c25bbf
```
#c25bbf rgb(194,91,191)
```
#c96dc6
```
#c96dc6 rgb(201,109,198)
```
#d080ce
```
#d080ce rgb(208,128,206)
```

Monochromatic Color

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

#a148bb
```
#a148bb rgb(161,72,187)
```
#ab48bb
```
#ab48bb rgb(171,72,187)
```
#b448bb
```
#b448bb rgb(180,72,187)
```
#bb48b8
```
#bb48b8 rgb(187,72,184)
```
#bb48ae
```
#bb48ae rgb(187,72,174)
```
#bb48a5
```
#bb48a5 rgb(187,72,165)
```
#bb489b
```
#bb489b rgb(187,72,155)
```

Similar Colors

Text with hexadecimal color #bb48b8

This text has a font color of #bb48b8.

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

#bb48b8 background color

This paragraph has a background color of #bb48b8.

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

#bb48b8 border color

This element has a border color of #bb48b8.

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

CSS codes

.text {color:#bb48b8;}

.background {background-color:#bb48b8;}

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

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 #fbf4fb is the lightest one.

#030103
```
#030103 rgb(3,1,3)
```
#110611
```
#110611 rgb(17,6,17)
```
#200c1f
```
#200c1f rgb(32,12,31)
```
#2e112d
```
#2e112d rgb(46,17,45)
```
#3c163b
```
#3c163b rgb(60,22,59)
```
#4a1c49
```
#4a1c49 rgb(74,28,73)
```
#592157
```
#592157 rgb(89,33,87)
```
#672665
```
#672665 rgb(103,38,101)
```
#752c73
```
#752c73 rgb(117,44,115)
```
#843181
```
#843181 rgb(132,49,129)
```
#923690
```
#923690 rgb(146,54,144)
```
#a03c9e
```
#a03c9e rgb(160,60,158)
```
#af41ac
```
#af41ac rgb(175,65,172)
```

Shade Color Variation

#bb48b8
```
#bb48b8 rgb(187,72,184)
```
#c056be
```
#c056be rgb(192,86,190)
```
#c665c3
```
#c665c3 rgb(198,101,195)
```
#cb73c9
```
#cb73c9 rgb(203,115,201)
```
#d081ce
```
#d081ce rgb(208,129,206)
```
#d690d4
```
#d690d4 rgb(214,144,212)
```
#db9ed9
```
#db9ed9 rgb(219,158,217)
```
#e0acdf
```
#e0acdf rgb(224,172,223)
```
#e6bae4
```
#e6bae4 rgb(230,186,228)
```
#ebc9ea
```
#ebc9ea rgb(235,201,234)
```
#f0d7ef
```
#f0d7ef rgb(240,215,239)
```
#f5e5f5
```
#f5e5f5 rgb(245,229,245)
```
#fbf4fb
```
#fbf4fb rgb(251,244,251)
```

Tint Color Variation

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

#8b788a
```
#8b788a rgb(139,120,138)
```
#946f93
```
#946f93 rgb(148,111,147)
```
#9e659d
```
#9e659d rgb(158,101,157)
```
#a85ba6
```
#a85ba6 rgb(168,91,166)
```
#b152af
```
#b152af rgb(177,82,175)
```
#bb48b8
```
#bb48b8 rgb(187,72,184)
```
#c53ec1
```
#c53ec1 rgb(197,62,193)
```
#ce35ca
```
#ce35ca rgb(206,53,202)
```
#d82bd3
```
#d82bd3 rgb(216,43,211)
```
#e221dd
```
#e221dd rgb(226,33,221)
```
#eb18e6
```
#eb18e6 rgb(235,24,230)
```
#f50eef
```
#f50eef rgb(245,14,239)
```
#ff04f8
```
#ff04f8 rgb(255,4,248)
```

Tone Color Variation

Below, you can see how #bb48b8 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
#856e84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#497bdb Protanopia 1% of men
#6a7daf Deuteranopia 1% of men
#b4686f Tritanopia 0.001% of the population

Trichromacy

#7268ce Protanomaly 1% of men, 0.01% of women
#876ab2 Deuteranomaly 6% of men, 0.4% of women
#b65c89 Tritanomaly 0.01% of the population

#bb48b8 hex color

#bb48b8 Color Information

#bb48b8 Color Conversion

Color Schemes with #bb48b8

Alternatives to #bb48b8

#bb48b8 Preview

Shades and Tints of #bb48b8

Tones of #bb48b8

Color Blindness Simulator