#bb396a hex color

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

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

● #bb396a color description : Moderate pink.

The hexadecimal color #bb396a has RGB values of R:187, G:57, B:106 and CMYK values of C:0, M:0.7, Y:0.43, K:0.27. Its decimal value is 12269930.

Hex triplet	bb396a	`#bb396a`
RGB Decimal	187, 57, 106	`rgb(187,57,106)`
RGB Percent	73.3, 22.4, 41.6	`rgb(73.3%,22.4%,41.6%)`
CMYK	0, 70, 43, 27
HSL	337.4°, 53.3, 47.8	`hsl(337.4,53.3%,47.8%)`
HSV (or HSB)	337.4°, 69.5, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.989, 55.578, 1.524
XYZ	24.559, 14.534, 15.147
xyY	0.453, 0.268, 14.534
CIE-LCH	44.989, 55.599, 1.571
CIE-LUV	44.989, 83.776, -8.284
Hunter-Lab	38.124, 48.271, 3.13
Binary	10111011, 00111001, 01101010

#bb396a
```
#bb396a rgb(187,57,106)
```
#39bb8a
```
#39bb8a rgb(57,187,138)
```

Complementary Color

#bb39ab
```
#bb39ab rgb(187,57,171)
```
#bb396a
```
#bb396a rgb(187,57,106)
```
#bb4939
```
#bb4939 rgb(187,73,57)
```

Analogous Color

#39abbb
```
#39abbb rgb(57,171,187)
```
#bb396a
```
#bb396a rgb(187,57,106)
```
#39bb49
```
#39bb49 rgb(57,187,73)
```

Split Complementary Color

#396abb
```
#396abb rgb(57,106,187)
```
#bb396a
```
#bb396a rgb(187,57,106)
```
#6abb39
```
#6abb39 rgb(106,187,57)
```

Triadic Color

#8a39bb
```
#8a39bb rgb(138,57,187)
```
#bb396a
```
#bb396a rgb(187,57,106)
```
#6abb39
```
#6abb39 rgb(106,187,57)
```
#39bb8a
```
#39bb8a rgb(57,187,138)
```

Tetradic Color

#802749
```
#802749 rgb(128,39,73)
```
#942d54
```
#942d54 rgb(148,45,84)
```
#a7335f
```
#a7335f rgb(167,51,95)
```
#bb396a
```
#bb396a rgb(187,57,106)
```
#c74777
```
#c74777 rgb(199,71,119)
```
#cd5a85
```
#cd5a85 rgb(205,90,133)
```
#d36e94
```
#d36e94 rgb(211,110,148)
```

Monochromatic Color

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

#bb398b
```
#bb398b rgb(187,57,139)
```
#bb3980
```
#bb3980 rgb(187,57,128)
```
#bb3975
```
#bb3975 rgb(187,57,117)
```
#bb396a
```
#bb396a rgb(187,57,106)
```
#bb395f
```
#bb395f rgb(187,57,95)
```
#bb3954
```
#bb3954 rgb(187,57,84)
```
#bb394a
```
#bb394a rgb(187,57,74)
```

Similar Colors

Text with hexadecimal color #bb396a

This text has a font color of #bb396a.

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

#bb396a background color

This paragraph has a background color of #bb396a.

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

#bb396a border color

This element has a border color of #bb396a.

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

CSS codes

.text {color:#bb396a;}

.background {background-color:#bb396a;}

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

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)
```
#250b15
```
#250b15 rgb(37,11,21)
```
#34101d
```
#34101d rgb(52,16,29)
```
#431426
```
#431426 rgb(67,20,38)
```
#52192e
```
#52192e rgb(82,25,46)
```
#611e37
```
#611e37 rgb(97,30,55)
```
#70223f
```
#70223f rgb(112,34,63)
```
#7f2748
```
#7f2748 rgb(127,39,72)
```
#8e2b50
```
#8e2b50 rgb(142,43,80)
```
#9d3059
```
#9d3059 rgb(157,48,89)
```
#ac3461
```
#ac3461 rgb(172,52,97)
```
#bb396a
```
#bb396a rgb(187,57,106)
```

Shade Color Variation

#c54274
```
#c54274 rgb(197,66,116)
```
#ca517f
```
#ca517f rgb(202,81,127)
```
#cf608a
```
#cf608a rgb(207,96,138)
```
#d36f95
```
#d36f95 rgb(211,111,149)
```
#d87ea0
```
#d87ea0 rgb(216,126,160)
```
#dc8dab
```
#dc8dab rgb(220,141,171)
```
#e19cb6
```
#e19cb6 rgb(225,156,182)
```
#e6abc1
```
#e6abc1 rgb(230,171,193)
```
#eabacc
```
#eabacc rgb(234,186,204)
```
#efc9d7
```
#efc9d7 rgb(239,201,215)
```
#f3d9e3
```
#f3d9e3 rgb(243,217,227)
```
#f8e8ee
```
#f8e8ee rgb(248,232,238)
```
#fcf7f9
```
#fcf7f9 rgb(252,247,249)
```

Tint Color Variation

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

#837178
```
#837178 rgb(131,113,120)
```
#8c6876
```
#8c6876 rgb(140,104,118)
```
#955f73
```
#955f73 rgb(149,95,115)
```
#9f5571
```
#9f5571 rgb(159,85,113)
```
#a84c6f
```
#a84c6f rgb(168,76,111)
```
#b2426c
```
#b2426c rgb(178,66,108)
```
#bb396a
```
#bb396a rgb(187,57,106)
```
#c43068
```
#c43068 rgb(196,48,104)
```
#ce2665
```
#ce2665 rgb(206,38,101)
```
#d71d63
```
#d71d63 rgb(215,29,99)
```
#e11361
```
#e11361 rgb(225,19,97)
```
#ea0a5e
```
#ea0a5e rgb(234,10,94)
```
#f3015c
```
#f3015c rgb(243,1,92)
```

Tone Color Variation

Below, you can see how #bb396a 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
#765c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7189 Protanopia 1% of men
#806e68 Deuteranopia 1% of men
#bc4b4f Tritanopia 0.001% of the population

Trichromacy

#885c7e Protanomaly 1% of men, 0.01% of women
#955a69 Deuteranomaly 6% of men, 0.4% of women
#bb4459 Tritanomaly 0.01% of the population

#bb396a hex color

#bb396a Color Information

#bb396a Color Conversion

Color Schemes with #bb396a

Alternatives to #bb396a

#bb396a Preview

Shades and Tints of #bb396a

Tones of #bb396a

Color Blindness Simulator