#bb396d hex color

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

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

● #bb396d color description : Moderate pink.

The hexadecimal color #bb396d has RGB values of R:187, G:57, B:109 and CMYK values of C:0, M:0.7, Y:0.42, K:0.27. Its decimal value is 12269933.

Hex triplet	bb396d	`#bb396d`
RGB Decimal	187, 57, 109	`rgb(187,57,109)`
RGB Percent	73.3, 22.4, 42.7	`rgb(73.3%,22.4%,42.7%)`
CMYK	0, 70, 42, 27
HSL	336°, 53.3, 47.8	`hsl(336,53.3%,47.8%)`
HSV (or HSB)	336°, 69.5, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.078, 55.881, -0.196
XYZ	24.718, 14.598, 15.983
xyY	0.447, 0.264, 14.598
CIE-LCH	45.078, 55.881, 359.799
CIE-LUV	45.078, 82.737, -10.455
Hunter-Lab	38.207, 48.617, 1.942
Binary	10111011, 00111001, 01101101

#bb396d
```
#bb396d rgb(187,57,109)
```
#39bb87
```
#39bb87 rgb(57,187,135)
```

Complementary Color

#bb39ae
```
#bb39ae rgb(187,57,174)
```
#bb396d
```
#bb396d rgb(187,57,109)
```
#bb4639
```
#bb4639 rgb(187,70,57)
```

Analogous Color

#39aebb
```
#39aebb rgb(57,174,187)
```
#bb396d
```
#bb396d rgb(187,57,109)
```
#39bb46
```
#39bb46 rgb(57,187,70)
```

Split Complementary Color

#396dbb
```
#396dbb rgb(57,109,187)
```
#bb396d
```
#bb396d rgb(187,57,109)
```
#6dbb39
```
#6dbb39 rgb(109,187,57)
```

Triadic Color

#8739bb
```
#8739bb rgb(135,57,187)
```
#bb396d
```
#bb396d rgb(187,57,109)
```
#6dbb39
```
#6dbb39 rgb(109,187,57)
```
#39bb87
```
#39bb87 rgb(57,187,135)
```

Tetradic Color

#80274b
```
#80274b rgb(128,39,75)
```
#942d56
```
#942d56 rgb(148,45,86)
```
#a73362
```
#a73362 rgb(167,51,98)
```
#bb396d
```
#bb396d rgb(187,57,109)
```
#c7477a
```
#c7477a rgb(199,71,122)
```
#cd5a88
```
#cd5a88 rgb(205,90,136)
```
#d36e96
```
#d36e96 rgb(211,110,150)
```

Monochromatic Color

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

#bb398e
```
#bb398e rgb(187,57,142)
```
#bb3983
```
#bb3983 rgb(187,57,131)
```
#bb3978
```
#bb3978 rgb(187,57,120)
```
#bb396d
```
#bb396d rgb(187,57,109)
```
#bb3962
```
#bb3962 rgb(187,57,98)
```
#bb3957
```
#bb3957 rgb(187,57,87)
```
#bb394d
```
#bb394d rgb(187,57,77)
```

Similar Colors

Text with hexadecimal color #bb396d

This text has a font color of #bb396d.

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

#bb396d background color

This paragraph has a background color of #bb396d.

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

#bb396d border color

This element has a border color of #bb396d.

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

CSS codes

.text {color:#bb396d;}

.background {background-color:#bb396d;}

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

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)
```
#16070d
```
#16070d rgb(22,7,13)
```
#250b15
```
#250b15 rgb(37,11,21)
```
#34101e
```
#34101e rgb(52,16,30)
```
#431427
```
#431427 rgb(67,20,39)
```
#521930
```
#521930 rgb(82,25,48)
```
#611e38
```
#611e38 rgb(97,30,56)
```
#702241
```
#702241 rgb(112,34,65)
```
#7f274a
```
#7f274a rgb(127,39,74)
```
#8e2b53
```
#8e2b53 rgb(142,43,83)
```
#9d305b
```
#9d305b rgb(157,48,91)
```
#ac3464
```
#ac3464 rgb(172,52,100)
```
#bb396d
```
#bb396d rgb(187,57,109)
```

Shade Color Variation

#c54277
```
#c54277 rgb(197,66,119)
```
#ca5182
```
#ca5182 rgb(202,81,130)
```
#cf608c
```
#cf608c rgb(207,96,140)
```
#d36f97
```
#d36f97 rgb(211,111,151)
```
#d87ea2
```
#d87ea2 rgb(216,126,162)
```
#dc8dad
```
#dc8dad rgb(220,141,173)
```
#e19cb8
```
#e19cb8 rgb(225,156,184)
```
#e6abc3
```
#e6abc3 rgb(230,171,195)
```
#eabace
```
#eabace rgb(234,186,206)
```
#efc9d8
```
#efc9d8 rgb(239,201,216)
```
#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 #f30162 is the most saturated one.

#837178
```
#837178 rgb(131,113,120)
```
#8c6876
```
#8c6876 rgb(140,104,118)
```
#955f75
```
#955f75 rgb(149,95,117)
```
#9f5573
```
#9f5573 rgb(159,85,115)
```
#a84c71
```
#a84c71 rgb(168,76,113)
```
#b2426f
```
#b2426f rgb(178,66,111)
```
#bb396d
```
#bb396d rgb(187,57,109)
```
#c4306b
```
#c4306b rgb(196,48,107)
```
#ce2669
```
#ce2669 rgb(206,38,105)
```
#d71d67
```
#d71d67 rgb(215,29,103)
```
#e11365
```
#e11365 rgb(225,19,101)
```
#ea0a64
```
#ea0a64 rgb(234,10,100)
```
#f30162
```
#f30162 rgb(243,1,98)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#775d67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b718c Protanopia 1% of men
#7f6e6b Deuteranopia 1% of men
#bb4c50 Tritanopia 0.001% of the population

Trichromacy

#885c81 Protanomaly 1% of men, 0.01% of women
#955b6c Deuteranomaly 6% of men, 0.4% of women
#bb455a Tritanomaly 0.01% of the population

#bb396d hex color

#bb396d Color Information

#bb396d Color Conversion

Color Schemes with #bb396d

Alternatives to #bb396d

#bb396d Preview

Shades and Tints of #bb396d

Tones of #bb396d

Color Blindness Simulator