#bb3966 hex color

In a RGB color space, hex #bb3966 is composed of 73.3% red, 22.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.5% magenta, 45.5% yellow and 26.7% black. It has a hue angle of 339.2 degrees, a saturation of 53.3% and a lightness of 47.8%. #bb3966 color hex could be obtained by blending #ff72cc with #770000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 22
- B 40
RGB color chart
- C 0
- M 70
- Y 45
- K 27
CMYK color chart

● #bb3966 color description : Moderate pink.

The hexadecimal color #bb3966 has RGB values of R:187, G:57, B:102 and CMYK values of C:0, M:0.7, Y:0.45, K:0.27. Its decimal value is 12269926.

Hex triplet	bb3966	`#bb3966`
RGB Decimal	187, 57, 102	`rgb(187,57,102)`
RGB Percent	73.3, 22.4, 40	`rgb(73.3%,22.4%,40%)`
CMYK	0, 70, 45, 27
HSL	339.2°, 53.3, 47.8	`hsl(339.2,53.3%,47.8%)`
HSV (or HSB)	339.2°, 69.5, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.875, 55.189, 3.828
XYZ	24.356, 14.453, 14.077
xyY	0.461, 0.273, 14.453
CIE-LCH	44.875, 55.321, 3.968
CIE-LUV	44.875, 85.144, -5.437
Hunter-Lab	38.017, 47.827, 4.658
Binary	10111011, 00111001, 01100110

#bb3966
```
#bb3966 rgb(187,57,102)
```
#39bb8e
```
#39bb8e rgb(57,187,142)
```

Complementary Color

#bb39a7
```
#bb39a7 rgb(187,57,167)
```
#bb3966
```
#bb3966 rgb(187,57,102)
```
#bb4d39
```
#bb4d39 rgb(187,77,57)
```

Analogous Color

#39a7bb
```
#39a7bb rgb(57,167,187)
```
#bb3966
```
#bb3966 rgb(187,57,102)
```
#39bb4d
```
#39bb4d rgb(57,187,77)
```

Split Complementary Color

#3966bb
```
#3966bb rgb(57,102,187)
```
#bb3966
```
#bb3966 rgb(187,57,102)
```
#66bb39
```
#66bb39 rgb(102,187,57)
```

Triadic Color

#8e39bb
```
#8e39bb rgb(142,57,187)
```
#bb3966
```
#bb3966 rgb(187,57,102)
```
#66bb39
```
#66bb39 rgb(102,187,57)
```
#39bb8e
```
#39bb8e rgb(57,187,142)
```

Tetradic Color

#802746
```
#802746 rgb(128,39,70)
```
#942d51
```
#942d51 rgb(148,45,81)
```
#a7335b
```
#a7335b rgb(167,51,91)
```
#bb3966
```
#bb3966 rgb(187,57,102)
```
#c74773
```
#c74773 rgb(199,71,115)
```
#cd5a82
```
#cd5a82 rgb(205,90,130)
```
#d36e91
```
#d36e91 rgb(211,110,145)
```

Monochromatic Color

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

#bb3987
```
#bb3987 rgb(187,57,135)
```
#bb397c
```
#bb397c rgb(187,57,124)
```
#bb3971
```
#bb3971 rgb(187,57,113)
```
#bb3966
```
#bb3966 rgb(187,57,102)
```
#bb395b
```
#bb395b rgb(187,57,91)
```
#bb3950
```
#bb3950 rgb(187,57,80)
```
#bb3946
```
#bb3946 rgb(187,57,70)
```

Similar Colors

Text with hexadecimal color #bb3966

This text has a font color of #bb3966.

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

#bb3966 background color

This paragraph has a background color of #bb3966.

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

#bb3966 border color

This element has a border color of #bb3966.

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

CSS codes

.text {color:#bb3966;}

.background {background-color:#bb3966;}

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

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

#070204
```
#070204 rgb(7,2,4)
```
#16070c
```
#16070c rgb(22,7,12)
```
#250b14
```
#250b14 rgb(37,11,20)
```
#34101c
```
#34101c rgb(52,16,28)
```
#431424
```
#431424 rgb(67,20,36)
```
#52192d
```
#52192d rgb(82,25,45)
```
#611e35
```
#611e35 rgb(97,30,53)
```
#70223d
```
#70223d rgb(112,34,61)
```
#7f2745
```
#7f2745 rgb(127,39,69)
```
#8e2b4d
```
#8e2b4d rgb(142,43,77)
```
#9d3056
```
#9d3056 rgb(157,48,86)
```
#ac345e
```
#ac345e rgb(172,52,94)
```
#bb3966
```
#bb3966 rgb(187,57,102)
```

Shade Color Variation

#c54270
```
#c54270 rgb(197,66,112)
```
#ca517b
```
#ca517b rgb(202,81,123)
```
#cf6086
```
#cf6086 rgb(207,96,134)
```
#d36f92
```
#d36f92 rgb(211,111,146)
```
#d87e9d
```
#d87e9d rgb(216,126,157)
```
#dc8da9
```
#dc8da9 rgb(220,141,169)
```
#e19cb4
```
#e19cb4 rgb(225,156,180)
```
#e6abc0
```
#e6abc0 rgb(230,171,192)
```
#eabacb
```
#eabacb rgb(234,186,203)
```
#efc9d6
```
#efc9d6 rgb(239,201,214)
```
#f3d9e2
```
#f3d9e2 rgb(243,217,226)
```
#f8e8ed
```
#f8e8ed rgb(248,232,237)
```
#fcf7f9
```
#fcf7f9 rgb(252,247,249)
```

Tint Color Variation

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

#837177
```
#837177 rgb(131,113,119)
```
#8c6874
```
#8c6874 rgb(140,104,116)
```
#955f72
```
#955f72 rgb(149,95,114)
```
#9f556f
```
#9f556f rgb(159,85,111)
```
#a84c6c
```
#a84c6c rgb(168,76,108)
```
#b24269
```
#b24269 rgb(178,66,105)
```
#bb3966
```
#bb3966 rgb(187,57,102)
```
#c43063
```
#c43063 rgb(196,48,99)
```
#ce2660
```
#ce2660 rgb(206,38,96)
```
#d71d5d
```
#d71d5d rgb(215,29,93)
```
#e1135a
```
#e1135a rgb(225,19,90)
```
#ea0a58
```
#ea0a58 rgb(234,10,88)
```
#f30155
```
#f30155 rgb(243,1,85)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#765c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7084 Protanopia 1% of men
#816e65 Deuteranopia 1% of men
#bc4a4e Tritanopia 0.001% of the population

Trichromacy

#895c79 Protanomaly 1% of men, 0.01% of women
#965a65 Deuteranomaly 6% of men, 0.4% of women
#bb4457 Tritanomaly 0.01% of the population

#bb3966 hex color

#bb3966 Color Information

#bb3966 Color Conversion

Color Schemes with #bb3966

Alternatives to #bb3966

#bb3966 Preview

Shades and Tints of #bb3966

Tones of #bb3966

Color Blindness Simulator