#bb4f93 hex color

In a RGB color space, hex #bb4f93 is composed of 73.3% red, 31% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.8% magenta, 21.4% yellow and 26.7% black. It has a hue angle of 322.2 degrees, a saturation of 44.3% and a lightness of 52.2%. #bb4f93 color hex could be obtained by blending #ff9eff with #770027. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 73
- G 31
- B 58
RGB color chart
- C 0
- M 58
- Y 21
- K 27
CMYK color chart

● #bb4f93 color description : Moderate pink.

The hexadecimal color #bb4f93 has RGB values of R:187, G:79, B:147 and CMYK values of C:0, M:0.58, Y:0.21, K:0.27. Its decimal value is 12275603.

Hex triplet	bb4f93	`#bb4f93`
RGB Decimal	187, 79, 147	`rgb(187,79,147)`
RGB Percent	73.3, 31, 57.6	`rgb(73.3%,31%,57.6%)`
CMYK	0, 58, 21, 27
HSL	322.2°, 44.3, 52.2	`hsl(322.2,44.3%,52.2%)`
HSV (or HSB)	322.2°, 57.8, 73.3
Web Safe	cc6699	`#cc6699`

CIE-LAB	49.816, 51.189, -16.119
XYZ	28.556, 18.265, 29.624
xyY	0.374, 0.239, 18.265
CIE-LCH	49.816, 53.667, 342.521
CIE-LUV	49.816, 60.868, -31.308
Hunter-Lab	42.738, 44.475, -11.18
Binary	10111011, 01001111, 10010011

#bb4f93
```
#bb4f93 rgb(187,79,147)
```
#4fbb77
```
#4fbb77 rgb(79,187,119)
```

Complementary Color

#ad4fbb
```
#ad4fbb rgb(173,79,187)
```
#bb4f93
```
#bb4f93 rgb(187,79,147)
```
#bb4f5d
```
#bb4f5d rgb(187,79,93)
```

Analogous Color

#4fbbad
```
#4fbbad rgb(79,187,173)
```
#bb4f93
```
#bb4f93 rgb(187,79,147)
```
#5dbb4f
```
#5dbb4f rgb(93,187,79)
```

Split Complementary Color

#4f93bb
```
#4f93bb rgb(79,147,187)
```
#bb4f93
```
#bb4f93 rgb(187,79,147)
```
#93bb4f
```
#93bb4f rgb(147,187,79)
```

Triadic Color

#774fbb
```
#774fbb rgb(119,79,187)
```
#bb4f93
```
#bb4f93 rgb(187,79,147)
```
#93bb4f
```
#93bb4f rgb(147,187,79)
```
#4fbb77
```
#4fbb77 rgb(79,187,119)
```

Tetradic Color

#89356a
```
#89356a rgb(137,53,106)
```
#9b3c78
```
#9b3c78 rgb(155,60,120)
```
#ad4386
```
#ad4386 rgb(173,67,134)
```
#bb4f93
```
#bb4f93 rgb(187,79,147)
```
#c2619e
```
#c2619e rgb(194,97,158)
```
#c974aa
```
#c974aa rgb(201,116,170)
```
#d086b5
```
#d086b5 rgb(208,134,181)
```

Monochromatic Color

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

#bb4fae
```
#bb4fae rgb(187,79,174)
```
#bb4fa5
```
#bb4fa5 rgb(187,79,165)
```
#bb4f9c
```
#bb4f9c rgb(187,79,156)
```
#bb4f93
```
#bb4f93 rgb(187,79,147)
```
#bb4f8a
```
#bb4f8a rgb(187,79,138)
```
#bb4f81
```
#bb4f81 rgb(187,79,129)
```
#bb4f78
```
#bb4f78 rgb(187,79,120)
```

Similar Colors

Text with hexadecimal color #bb4f93

This text has a font color of #bb4f93.

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

#bb4f93 background color

This paragraph has a background color of #bb4f93.

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

#bb4f93 border color

This element has a border color of #bb4f93.

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

CSS codes

.text {color:#bb4f93;}

.background {background-color:#bb4f93;}

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

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

#080306
```
#080306 rgb(8,3,6)
```
#160911
```
#160911 rgb(22,9,17)
```
#240e1c
```
#240e1c rgb(36,14,28)
```
#321327
```
#321327 rgb(50,19,39)
```
#411932
```
#411932 rgb(65,25,50)
```
#4f1e3d
```
#4f1e3d rgb(79,30,61)
```
#5d2448
```
#5d2448 rgb(93,36,72)
```
#6b2953
```
#6b2953 rgb(107,41,83)
```
#792f5e
```
#792f5e rgb(121,47,94)
```
#873469
```
#873469 rgb(135,52,105)
```
#953a73
```
#953a73 rgb(149,58,115)
```
#a43f7e
```
#a43f7e rgb(164,63,126)
```
#b24589
```
#b24589 rgb(178,69,137)
```

Shade Color Variation

#bb4f93
```
#bb4f93 rgb(187,79,147)
```
#c05d9c
```
#c05d9c rgb(192,93,156)
```
#c66ba4
```
#c66ba4 rgb(198,107,164)
```
#cb79ad
```
#cb79ad rgb(203,121,173)
```
#d188b6
```
#d188b6 rgb(209,136,182)
```
#d696be
```
#d696be rgb(214,150,190)
```
#dca4c7
```
#dca4c7 rgb(220,164,199)
```
#e1b2d0
```
#e1b2d0 rgb(225,178,208)
```
#e7c0d8
```
#e7c0d8 rgb(231,192,216)
```
#eccee1
```
#eccee1 rgb(236,206,225)
```
#f2dcea
```
#f2dcea rgb(242,220,234)
```
#f7ebf3
```
#f7ebf3 rgb(247,235,243)
```
#fdf9fb
```
#fdf9fb rgb(253,249,251)
```

Tint Color Variation

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

#8c7e87
```
#8c7e87 rgb(140,126,135)
```
#957589
```
#957589 rgb(149,117,137)
```
#9f6b8c
```
#9f6b8c rgb(159,107,140)
```
#a8628e
```
#a8628e rgb(168,98,142)
```
#b25891
```
#b25891 rgb(178,88,145)
```
#bb4f93
```
#bb4f93 rgb(187,79,147)
```
#c44695
```
#c44695 rgb(196,70,149)
```
#ce3c98
```
#ce3c98 rgb(206,60,152)
```
#d7339a
```
#d7339a rgb(215,51,154)
```
#e1299d
```
#e1299d rgb(225,41,157)
```
#ea209f
```
#ea209f rgb(234,32,159)
```
#f317a2
```
#f317a2 rgb(243,23,162)
```
#fd0da4
```
#fd0da4 rgb(253,13,164)
```

Tone Color Variation

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

Dichromacy

#6b7baf Protanopia 1% of men
#807a8f Deuteranopia 1% of men
#b96369 Tritanopia 0.001% of the population

Trichromacy

#886ba4 Protanomaly 1% of men, 0.01% of women
#956a90 Deuteranomaly 6% of men, 0.4% of women
#ba5c78 Tritanomaly 0.01% of the population

#bb4f93 hex color

#bb4f93 Color Information

#bb4f93 Color Conversion

Color Schemes with #bb4f93

Alternatives to #bb4f93

#bb4f93 Preview

Shades and Tints of #bb4f93

Tones of #bb4f93

Color Blindness Simulator