colorhexa.com

#bb45b8 hex color

In a RGB color space, hex #bb45b8 is composed of 73.3% red, 27.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.1% magenta, 1.6% yellow and 26.7% black. It has a hue angle of 301.5 degrees, a saturation of 46.5% and a lightness of 50.2%. #bb45b8 color hex could be obtained by blending #ff8aff with #770071. Closest websafe color is: #cc33cc.

- R 73
- G 27
- B 72
RGB color chart
- C 0
- M 63
- Y 2
- K 27
CMYK color chart

● #bb45b8 color description : Moderate magenta.

The hexadecimal color #bb45b8 has RGB values of R:187, G:69, B:184 and CMYK values of C:0, M:0.63, Y:0.02, K:0.27. Its decimal value is 12273080.

Hex triplet	bb45b8	`#bb45b8`
RGB Decimal	187, 69, 184	`rgb(187,69,184)`
RGB Percent	73.3, 27.1, 72.2	`rgb(73.3%,27.1%,72.2%)`
CMYK	0, 63, 2, 27
HSL	301.5°, 46.5, 50.2	`hsl(301.5,46.5%,50.2%)`
HSV (or HSB)	301.5°, 63.1, 73.3
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.838, 61.394, -37.879
XYZ	31.273, 18.284, 47.227
xyY	0.323, 0.189, 18.284
CIE-LCH	49.838, 72.139, 328.326
CIE-LUV	49.838, 53.047, -65.036
Hunter-Lab	42.759, 55.72, -35.553
Binary	10111011, 01000101, 10111000

#bb45b8
```
#bb45b8 rgb(187,69,184)
```
#45bb48
```
#45bb48 rgb(69,187,72)
```

Complementary Color

#8345bb
```
#8345bb rgb(131,69,187)
```
#bb45b8
```
#bb45b8 rgb(187,69,184)
```
#bb457d
```
#bb457d rgb(187,69,125)
```

Analogous Color

#45bb83
```
#45bb83 rgb(69,187,131)
```
#bb45b8
```
#bb45b8 rgb(187,69,184)
```
#7dbb45
```
#7dbb45 rgb(125,187,69)
```

Split Complementary Color

#45b8bb
```
#45b8bb rgb(69,184,187)
```
#bb45b8
```
#bb45b8 rgb(187,69,184)
```
#b8bb45
```
#b8bb45 rgb(184,187,69)
```

Triadic Color

#4845bb
```
#4845bb rgb(72,69,187)
```
#bb45b8
```
#bb45b8 rgb(187,69,184)
```
#b8bb45
```
#b8bb45 rgb(184,187,69)
```
#45bb48
```
#45bb48 rgb(69,187,72)
```

Tetradic Color

#833081
```
#833081 rgb(131,48,129)
```
#963794
```
#963794 rgb(150,55,148)
```
#a93ea6
```
#a93ea6 rgb(169,62,166)
```
#bb45b8
```
#bb45b8 rgb(187,69,184)
```
#c258bf
```
#c258bf rgb(194,88,191)
```
#c96ac6
```
#c96ac6 rgb(201,106,198)
```
#cf7dcd
```
#cf7dcd rgb(207,125,205)
```

Monochromatic Color

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

#a145bb
```
#a145bb rgb(161,69,187)
```
#aa45bb
```
#aa45bb rgb(170,69,187)
```
#b445bb
```
#b445bb rgb(180,69,187)
```
#bb45b8
```
#bb45b8 rgb(187,69,184)
```
#bb45ae
```
#bb45ae rgb(187,69,174)
```
#bb45a4
```
#bb45a4 rgb(187,69,164)
```
#bb459b
```
#bb459b rgb(187,69,155)
```

Similar Colors

Text with hexadecimal color #bb45b8

This text has a font color of #bb45b8.

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

#bb45b8 background color

This paragraph has a background color of #bb45b8.

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

#bb45b8 border color

This element has a border color of #bb45b8.

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

CSS codes

.text {color:#bb45b8;}

.background {background-color:#bb45b8;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0f060f
```
#0f060f rgb(15,6,15)
```
#1d0b1d
```
#1d0b1d rgb(29,11,29)
```
#2c102b
```
#2c102b rgb(44,16,43)
```
#3a1539
```
#3a1539 rgb(58,21,57)
```
#491b47
```
#491b47 rgb(73,27,71)
```
#572056
```
#572056 rgb(87,32,86)
```
#652564
```
#652564 rgb(101,37,100)
```
#742a72
```
#742a72 rgb(116,42,114)
```
#823080
```
#823080 rgb(130,48,128)
```
#90358e
```
#90358e rgb(144,53,142)
```
#9f3a9c
```
#9f3a9c rgb(159,58,156)
```
#ad3faa
```
#ad3faa rgb(173,63,170)
```

Shade Color Variation

#bb45b8
```
#bb45b8 rgb(187,69,184)
```
#c053bd
```
#c053bd rgb(192,83,189)
```
#c662c3
```
#c662c3 rgb(198,98,195)
```
#cb70c8
```
#cb70c8 rgb(203,112,200)
```
#d07ece
```
#d07ece rgb(208,126,206)
```
#d58dd3
```
#d58dd3 rgb(213,141,211)
```
#db9bd9
```
#db9bd9 rgb(219,155,217)
```
#e0aade
```
#e0aade rgb(224,170,222)
```
#e5b8e4
```
#e5b8e4 rgb(229,184,228)
```
#eac6e9
```
#eac6e9 rgb(234,198,233)
```
#f0d5ef
```
#f0d5ef rgb(240,213,239)
```
#f5e3f4
```
#f5e3f4 rgb(245,227,244)
```
#faf1fa
```
#faf1fa rgb(250,241,250)
```

Tint Color Variation

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

#808080
```
#808080 rgb(128,128,128)
```
#8a768a
```
#8a768a rgb(138,118,138)
```
#946c93
```
#946c93 rgb(148,108,147)
```
#9e629c
```
#9e629c rgb(158,98,156)
```
#a759a5
```
#a759a5 rgb(167,89,165)
```
#b14faf
```
#b14faf rgb(177,79,175)
```
#bb45b8
```
#bb45b8 rgb(187,69,184)
```
#c53bc1
```
#c53bc1 rgb(197,59,193)
```
#cf31cb
```
#cf31cb rgb(207,49,203)
```
#d828d4
```
#d828d4 rgb(216,40,212)
```
#e21edd
```
#e21edd rgb(226,30,221)
```
#ec14e6
```
#ec14e6 rgb(236,20,230)
```
#f60af0
```
#f60af0 rgb(246,10,240)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#836b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#437adc Protanopia 1% of men
#687caf Deuteranopia 1% of men
#b4666d Tritanopia 0.001% of the population

Trichromacy

#6f66cf Protanomaly 1% of men, 0.01% of women
#8668b2 Deuteranomaly 6% of men, 0.4% of women
#b65a88 Tritanomaly 0.01% of the population