#bb3f6f hex color

In a RGB color space, hex #bb3f6f is composed of 73.3% red, 24.7% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.3% magenta, 40.6% yellow and 26.7% black. It has a hue angle of 336.8 degrees, a saturation of 49.6% and a lightness of 49%. #bb3f6f color hex could be obtained by blending #ff7ede with #770000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 25
- B 44
RGB color chart
- C 0
- M 66
- Y 41
- K 27
CMYK color chart

● #bb3f6f color description : Moderate pink.

The hexadecimal color #bb3f6f has RGB values of R:187, G:63, B:111 and CMYK values of C:0, M:0.66, Y:0.41, K:0.27. Its decimal value is 12271471.

Hex triplet	bb3f6f	`#bb3f6f`
RGB Decimal	187, 63, 111	`rgb(187,63,111)`
RGB Percent	73.3, 24.7, 43.5	`rgb(73.3%,24.7%,43.5%)`
CMYK	0, 66, 41, 27
HSL	336.8°, 49.6, 49	`hsl(336.8,49.6%,49%)`
HSV (or HSB)	336.8°, 66.3, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.002, 53.711, -0.075
XYZ	25.141, 15.27, 16.661
xyY	0.441, 0.268, 15.27
CIE-LCH	46.002, 53.711, 359.92
CIE-LUV	46.002, 79.4, -9.883
Hunter-Lab	39.077, 46.458, 2.074
Binary	10111011, 00111111, 01101111

#bb3f6f
```
#bb3f6f rgb(187,63,111)
```
#3fbb8b
```
#3fbb8b rgb(63,187,139)
```

Complementary Color

#bb3fad
```
#bb3fad rgb(187,63,173)
```
#bb3f6f
```
#bb3f6f rgb(187,63,111)
```
#bb4d3f
```
#bb4d3f rgb(187,77,63)
```

Analogous Color

#3fadbb
```
#3fadbb rgb(63,173,187)
```
#bb3f6f
```
#bb3f6f rgb(187,63,111)
```
#3fbb4d
```
#3fbb4d rgb(63,187,77)
```

Split Complementary Color

#3f6fbb
```
#3f6fbb rgb(63,111,187)
```
#bb3f6f
```
#bb3f6f rgb(187,63,111)
```
#6fbb3f
```
#6fbb3f rgb(111,187,63)
```

Triadic Color

#8b3fbb
```
#8b3fbb rgb(139,63,187)
```
#bb3f6f
```
#bb3f6f rgb(187,63,111)
```
#6fbb3f
```
#6fbb3f rgb(111,187,63)
```
#3fbb8b
```
#3fbb8b rgb(63,187,139)
```

Tetradic Color

#822c4d
```
#822c4d rgb(130,44,77)
```
#953258
```
#953258 rgb(149,50,88)
```
#a83964
```
#a83964 rgb(168,57,100)
```
#bb3f6f
```
#bb3f6f rgb(187,63,111)
```
#c4507d
```
#c4507d rgb(196,80,125)
```
#ca638b
```
#ca638b rgb(202,99,139)
```
#d17699
```
#d17699 rgb(209,118,153)
```

Monochromatic Color

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

#bb3f8e
```
#bb3f8e rgb(187,63,142)
```
#bb3f84
```
#bb3f84 rgb(187,63,132)
```
#bb3f79
```
#bb3f79 rgb(187,63,121)
```
#bb3f6f
```
#bb3f6f rgb(187,63,111)
```
#bb3f65
```
#bb3f65 rgb(187,63,101)
```
#bb3f5a
```
#bb3f5a rgb(187,63,90)
```
#bb3f50
```
#bb3f50 rgb(187,63,80)
```

Similar Colors

Text with hexadecimal color #bb3f6f

This text has a font color of #bb3f6f.

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

#bb3f6f background color

This paragraph has a background color of #bb3f6f.

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

#bb3f6f border color

This element has a border color of #bb3f6f.

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

CSS codes

.text {color:#bb3f6f;}

.background {background-color:#bb3f6f;}

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

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

#0b0406
```
#0b0406 rgb(11,4,6)
```
#1a090f
```
#1a090f rgb(26,9,15)
```
#280e18
```
#280e18 rgb(40,14,24)
```
#371321
```
#371321 rgb(55,19,33)
```
#461729
```
#461729 rgb(70,23,41)
```
#541c32
```
#541c32 rgb(84,28,50)
```
#63213b
```
#63213b rgb(99,33,59)
```
#722643
```
#722643 rgb(114,38,67)
```
#802b4c
```
#802b4c rgb(128,43,76)
```
#8f3055
```
#8f3055 rgb(143,48,85)
```
#9e355e
```
#9e355e rgb(158,53,94)
```
#ac3a66
```
#ac3a66 rgb(172,58,102)
```
#bb3f6f
```
#bb3f6f rgb(187,63,111)
```

Shade Color Variation

#c24b79
```
#c24b79 rgb(194,75,121)
```
#c75a84
```
#c75a84 rgb(199,90,132)
```
#cc698f
```
#cc698f rgb(204,105,143)
```
#d1779a
```
#d1779a rgb(209,119,154)
```
#d686a5
```
#d686a5 rgb(214,134,165)
```
#db95b0
```
#db95b0 rgb(219,149,176)
```
#e0a3bb
```
#e0a3bb rgb(224,163,187)
```
#e5b2c6
```
#e5b2c6 rgb(229,178,198)
```
#eac1d1
```
#eac1d1 rgb(234,193,209)
```
#efcfdc
```
#efcfdc rgb(239,207,220)
```
#f4dee6
```
#f4dee6 rgb(244,222,230)
```
#f9edf1
```
#f9edf1 rgb(249,237,241)
```
#fefbfc
```
#fefbfc rgb(254,251,252)
```

Tint Color Variation

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

#81797c
```
#81797c rgb(129,121,124)
```
#8b6f7a
```
#8b6f7a rgb(139,111,122)
```
#956578
```
#956578 rgb(149,101,120)
```
#9e5c76
```
#9e5c76 rgb(158,92,118)
```
#a85273
```
#a85273 rgb(168,82,115)
```
#b14971
```
#b14971 rgb(177,73,113)
```
#bb3f6f
```
#bb3f6f rgb(187,63,111)
```
#c5356d
```
#c5356d rgb(197,53,109)
```
#ce2c6b
```
#ce2c6b rgb(206,44,107)
```
#d82268
```
#d82268 rgb(216,34,104)
```
#e11966
```
#e11966 rgb(225,25,102)
```
#eb0f64
```
#eb0f64 rgb(235,15,100)
```
#f50562
```
#f50562 rgb(245,5,98)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7a616b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e738d Protanopia 1% of men
#81706d Deuteranopia 1% of men
#bc5055 Tritanopia 0.001% of the population

Trichromacy

#8a6082 Protanomaly 1% of men, 0.01% of women
#965e6e Deuteranomaly 6% of men, 0.4% of women
#bb4a5e Tritanomaly 0.01% of the population

#bb3f6f hex color

#bb3f6f Color Information

#bb3f6f Color Conversion

Color Schemes with #bb3f6f

Alternatives to #bb3f6f

#bb3f6f Preview

Shades and Tints of #bb3f6f

Tones of #bb3f6f

Color Blindness Simulator