#bb448f hex color

In a RGB color space, hex #bb448f is composed of 73.3% red, 26.7% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.6% magenta, 23.5% yellow and 26.7% black. It has a hue angle of 322.2 degrees, a saturation of 46.7% and a lightness of 50%. #bb448f color hex could be obtained by blending #ff88ff with #77001f. Closest websafe color is: #cc3399.

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

● #bb448f color description : Moderate pink.

The hexadecimal color #bb448f has RGB values of R:187, G:68, B:143 and CMYK values of C:0, M:0.64, Y:0.24, K:0.27. Its decimal value is 12272783.

Hex triplet	bb448f	`#bb448f`
RGB Decimal	187, 68, 143	`rgb(187,68,143)`
RGB Percent	73.3, 26.7, 56.1	`rgb(73.3%,26.7%,56.1%)`
CMYK	0, 64, 24, 27
HSL	322.2°, 46.7, 50	`hsl(322.2,46.7%,50%)`
HSV (or HSB)	322.2°, 63.6, 73.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	47.86, 55.517, -16.71
XYZ	27.519, 16.684, 27.756
xyY	0.382, 0.232, 16.684
CIE-LCH	47.86, 57.977, 343.249
CIE-LUV	47.86, 66.593, -32.629
Hunter-Lab	40.846, 48.776, -11.697
Binary	10111011, 01000100, 10001111

#bb448f
```
#bb448f rgb(187,68,143)
```
#44bb70
```
#44bb70 rgb(68,187,112)
```

Complementary Color

#ac44bb
```
#ac44bb rgb(172,68,187)
```
#bb448f
```
#bb448f rgb(187,68,143)
```
#bb4454
```
#bb4454 rgb(187,68,84)
```

Analogous Color

#44bbac
```
#44bbac rgb(68,187,172)
```
#bb448f
```
#bb448f rgb(187,68,143)
```
#53bb44
```
#53bb44 rgb(83,187,68)
```

Split Complementary Color

#448fbb
```
#448fbb rgb(68,143,187)
```
#bb448f
```
#bb448f rgb(187,68,143)
```
#8fbb44
```
#8fbb44 rgb(143,187,68)
```

Triadic Color

#7044bb
```
#7044bb rgb(112,68,187)
```
#bb448f
```
#bb448f rgb(187,68,143)
```
#8fbb44
```
#8fbb44 rgb(143,187,68)
```
#44bb70
```
#44bb70 rgb(68,187,112)
```

Tetradic Color

#833064
```
#833064 rgb(131,48,100)
```
#963672
```
#963672 rgb(150,54,114)
```
#a83d81
```
#a83d81 rgb(168,61,129)
```
#bb448f
```
#bb448f rgb(187,68,143)
```
#c2579a
```
#c2579a rgb(194,87,154)
```
#c969a5
```
#c969a5 rgb(201,105,165)
```
#cf7cb1
```
#cf7cb1 rgb(207,124,177)
```

Monochromatic Color

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

#bb44ad
```
#bb44ad rgb(187,68,173)
```
#bb44a3
```
#bb44a3 rgb(187,68,163)
```
#bb4499
```
#bb4499 rgb(187,68,153)
```
#bb448f
```
#bb448f rgb(187,68,143)
```
#bb4485
```
#bb4485 rgb(187,68,133)
```
#bb447b
```
#bb447b rgb(187,68,123)
```
#bb4471
```
#bb4471 rgb(187,68,113)
```

Similar Colors

Text with hexadecimal color #bb448f

This text has a font color of #bb448f.

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

#bb448f background color

This paragraph has a background color of #bb448f.

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

#bb448f border color

This element has a border color of #bb448f.

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

CSS codes

.text {color:#bb448f;}

.background {background-color:#bb448f;}

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

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

#0e050b
```
#0e050b rgb(14,5,11)
```
#1d0a16
```
#1d0a16 rgb(29,10,22)
```
#2b1021
```
#2b1021 rgb(43,16,33)
```
#3a152c
```
#3a152c rgb(58,21,44)
```
#481a37
```
#481a37 rgb(72,26,55)
```
#561f42
```
#561f42 rgb(86,31,66)
```
#65254d
```
#65254d rgb(101,37,77)
```
#732a58
```
#732a58 rgb(115,42,88)
```
#812f63
```
#812f63 rgb(129,47,99)
```
#90346e
```
#90346e rgb(144,52,110)
```
#9e3a79
```
#9e3a79 rgb(158,58,121)
```
#ad3f84
```
#ad3f84 rgb(173,63,132)
```
#bb448f
```
#bb448f rgb(187,68,143)
```

Shade Color Variation

#c05298
```
#c05298 rgb(192,82,152)
```
#c561a0
```
#c561a0 rgb(197,97,160)
```
#cb6fa9
```
#cb6fa9 rgb(203,111,169)
```
#d07eb1
```
#d07eb1 rgb(208,126,177)
```
#d58cba
```
#d58cba rgb(213,140,186)
```
#da9ac3
```
#da9ac3 rgb(218,154,195)
```
#e0a9cb
```
#e0a9cb rgb(224,169,203)
```
#e5b7d4
```
#e5b7d4 rgb(229,183,212)
```
#eac5dd
```
#eac5dd rgb(234,197,221)
```
#efd4e5
```
#efd4e5 rgb(239,212,229)
```
#f5e2ee
```
#f5e2ee rgb(245,226,238)
```
#faf1f6
```
#faf1f6 rgb(250,241,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#807f80
```
#807f80 rgb(128,127,128)
```
#8a7582
```
#8a7582 rgb(138,117,130)
```
#946b85
```
#946b85 rgb(148,107,133)
```
#9e6187
```
#9e6187 rgb(158,97,135)
```
#a7588a
```
#a7588a rgb(167,88,138)
```
#b14e8c
```
#b14e8c rgb(177,78,140)
```
#bb448f
```
#bb448f rgb(187,68,143)
```
#c53a92
```
#c53a92 rgb(197,58,146)
```
#cf3094
```
#cf3094 rgb(207,48,148)
```
#d82797
```
#d82797 rgb(216,39,151)
```
#e21d99
```
#e21d99 rgb(226,29,153)
```
#ec139c
```
#ec139c rgb(236,19,156)
```
#f6099e
```
#f6099e rgb(246,9,158)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7f6776 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6477af Protanopia 1% of men
#7b768a Deuteranopia 1% of men
#b95b60 Tritanopia 0.001% of the population

Trichromacy

#8364a3 Protanomaly 1% of men, 0.01% of women
#92638c Deuteranomaly 6% of men, 0.4% of women
#ba5271 Tritanomaly 0.01% of the population

#bb448f hex color

#bb448f Color Information

#bb448f Color Conversion

Color Schemes with #bb448f

Alternatives to #bb448f

#bb448f Preview

Shades and Tints of #bb448f

Tones of #bb448f

Color Blindness Simulator