colorhexa.com

#bb48bd hex color

In a RGB color space, hex #bb48bd is composed of 73.3% red, 28.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 61.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 299 degrees, a saturation of 47% and a lightness of 51.2%. #bb48bd color hex could be obtained by blending #ff90ff with #77007b. Closest websafe color is: #cc33cc.

- R 73
- G 28
- B 74
RGB color chart
- C 1
- M 62
- Y 0
- K 26
CMYK color chart

● #bb48bd color description : Moderate magenta.

The hexadecimal color #bb48bd has RGB values of R:187, G:72, B:189 and CMYK values of C:0.01, M:0.62, Y:0, K:0.26. Its decimal value is 12273853.

Hex triplet	bb48bd	`#bb48bd`
RGB Decimal	187, 72, 189	`rgb(187,72,189)`
RGB Percent	73.3, 28.2, 74.1	`rgb(73.3%,28.2%,74.1%)`
CMYK	1, 62, 0, 26
HSL	299°, 47, 51.2	`hsl(299,47%,51.2%)`
HSV (or HSB)	299°, 61.9, 74.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.541, 61.004, -39.676
XYZ	31.995, 18.875, 50.099
xyY	0.317, 0.187, 18.875
CIE-LCH	50.541, 72.771, 326.96
CIE-LUV	50.541, 50.682, -67.897
Hunter-Lab	43.446, 55.425, -37.958
Binary	10111011, 01001000, 10111101

#bb48bd
```
#bb48bd rgb(187,72,189)
```
#4abd48
```
#4abd48 rgb(74,189,72)
```

Complementary Color

#8148bd
```
#8148bd rgb(129,72,189)
```
#bb48bd
```
#bb48bd rgb(187,72,189)
```
#bd4885
```
#bd4885 rgb(189,72,133)
```

Analogous Color

#48bd81
```
#48bd81 rgb(72,189,129)
```
#bb48bd
```
#bb48bd rgb(187,72,189)
```
#85bd48
```
#85bd48 rgb(133,189,72)
```

Split Complementary Color

#48bdbb
```
#48bdbb rgb(72,189,187)
```
#bb48bd
```
#bb48bd rgb(187,72,189)
```
#bdbb48
```
#bdbb48 rgb(189,187,72)
```

Triadic Color

#484abd
```
#484abd rgb(72,74,189)
```
#bb48bd
```
#bb48bd rgb(187,72,189)
```
#bdbb48
```
#bdbb48 rgb(189,187,72)
```
#4abd48
```
#4abd48 rgb(74,189,72)
```

Tetradic Color

#863188
```
#863188 rgb(134,49,136)
```
#99389a
```
#99389a rgb(153,56,154)
```
#ab3ead
```
#ab3ead rgb(171,62,173)
```
#bb48bd
```
#bb48bd rgb(187,72,189)
```
#c25bc4
```
#c25bc4 rgb(194,91,196)
```
#c96dcb
```
#c96dcb rgb(201,109,203)
```
#d080d1
```
#d080d1 rgb(208,128,209)
```

Monochromatic Color

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

#9e48bd
```
#9e48bd rgb(158,72,189)
```
#a848bd
```
#a848bd rgb(168,72,189)
```
#b148bd
```
#b148bd rgb(177,72,189)
```
#bb48bd
```
#bb48bd rgb(187,72,189)
```
#bd48b5
```
#bd48b5 rgb(189,72,181)
```
#bd48ac
```
#bd48ac rgb(189,72,172)
```
#bd48a2
```
#bd48a2 rgb(189,72,162)
```

Similar Colors

Text with hexadecimal color #bb48bd

This text has a font color of #bb48bd.

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

#bb48bd background color

This paragraph has a background color of #bb48bd.

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

#bb48bd border color

This element has a border color of #bb48bd.

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

CSS codes

.text {color:#bb48bd;}

.background {background-color:#bb48bd;}

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

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

#040204
```
#040204 rgb(4,2,4)
```
#130713
```
#130713 rgb(19,7,19)
```
#210c21
```
#210c21 rgb(33,12,33)
```
#2f1130
```
#2f1130 rgb(47,17,48)
```
#3d163e
```
#3d163e rgb(61,22,62)
```
#4c1c4c
```
#4c1c4c rgb(76,28,76)
```
#5a215b
```
#5a215b rgb(90,33,91)
```
#682669
```
#682669 rgb(104,38,105)
```
#762b78
```
#762b78 rgb(118,43,120)
```
#853086
```
#853086 rgb(133,48,134)
```
#933695
```
#933695 rgb(147,54,149)
```
#a13ba3
```
#a13ba3 rgb(161,59,163)
```
#af40b1
```
#af40b1 rgb(175,64,177)
```

Shade Color Variation

#bb48bd
```
#bb48bd rgb(187,72,189)
```
#c056c2
```
#c056c2 rgb(192,86,194)
```
#c665c7
```
#c665c7 rgb(198,101,199)
```
#cb73cd
```
#cb73cd rgb(203,115,205)
```
#d082d2
```
#d082d2 rgb(208,130,210)
```
#d690d7
```
#d690d7 rgb(214,144,215)
```
#db9edc
```
#db9edc rgb(219,158,220)
```
#e0ade1
```
#e0ade1 rgb(224,173,225)
```
#e6bbe7
```
#e6bbe7 rgb(230,187,231)
```
#ebcaec
```
#ebcaec rgb(235,202,236)
```
#f1d8f1
```
#f1d8f1 rgb(241,216,241)
```
#f6e7f6
```
#f6e7f6 rgb(246,231,246)
```
#fbf5fb
```
#fbf5fb rgb(251,245,251)
```

Tint Color Variation

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

#848184
```
#848184 rgb(132,129,132)
```
#8d788d
```
#8d788d rgb(141,120,141)
```
#966e97
```
#966e97 rgb(150,110,151)
```
#9f65a0
```
#9f65a0 rgb(159,101,160)
```
#a95baa
```
#a95baa rgb(169,91,170)
```
#b252b3
```
#b252b3 rgb(178,82,179)
```
#bb48bd
```
#bb48bd rgb(187,72,189)
```
#c43ec7
```
#c43ec7 rgb(196,62,199)
```
#cd35d0
```
#cd35d0 rgb(205,53,208)
```
#d72bda
```
#d72bda rgb(215,43,218)
```
#e022e3
```
#e022e3 rgb(224,34,227)
```
#e918ed
```
#e918ed rgb(233,24,237)
```
#f20ff6
```
#f20ff6 rgb(242,15,246)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#856e86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#427be1 Protanopia 1% of men
#677eb3 Deuteranopia 1% of men
#b36970 Tritanopia 0.001% of the population

Trichromacy

#6e69d3 Protanomaly 1% of men, 0.01% of women
#856ab7 Deuteranomaly 6% of men, 0.4% of women
#b65d8c Tritanomaly 0.01% of the population