#bd396a hex color

In a RGB color space, hex #bd396a is composed of 74.1% red, 22.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.8% magenta, 43.9% yellow and 25.9% black. It has a hue angle of 337.7 degrees, a saturation of 53.7% and a lightness of 48.2%. #bd396a color hex could be obtained by blending #ff72d4 with #7b0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 74
- G 22
- B 42
RGB color chart
- C 0
- M 70
- Y 44
- K 26
CMYK color chart

● #bd396a color description : Moderate pink.

The hexadecimal color #bd396a has RGB values of R:189, G:57, B:106 and CMYK values of C:0, M:0.7, Y:0.44, K:0.26. Its decimal value is 12401002.

Hex triplet	bd396a	`#bd396a`
RGB Decimal	189, 57, 106	`rgb(189,57,106)`
RGB Percent	74.1, 22.4, 41.6	`rgb(74.1%,22.4%,41.6%)`
CMYK	0, 70, 44, 26
HSL	337.7°, 53.7, 48.2	`hsl(337.7,53.7%,48.2%)`
HSV (or HSB)	337.7°, 69.8, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.343, 56.171, 2.081
XYZ	25.052, 14.788, 15.17
xyY	0.455, 0.269, 14.788
CIE-LCH	45.343, 56.21, 2.121
CIE-LUV	45.343, 85.401, -7.743
Hunter-Lab	38.455, 48.986, 3.53
Binary	10111101, 00111001, 01101010

#bd396a
```
#bd396a rgb(189,57,106)
```
#39bd8c
```
#39bd8c rgb(57,189,140)
```

Complementary Color

#bd39ac
```
#bd39ac rgb(189,57,172)
```
#bd396a
```
#bd396a rgb(189,57,106)
```
#bd4a39
```
#bd4a39 rgb(189,74,57)
```

Analogous Color

#39acbd
```
#39acbd rgb(57,172,189)
```
#bd396a
```
#bd396a rgb(189,57,106)
```
#39bd4a
```
#39bd4a rgb(57,189,74)
```

Split Complementary Color

#396abd
```
#396abd rgb(57,106,189)
```
#bd396a
```
#bd396a rgb(189,57,106)
```
#6abd39
```
#6abd39 rgb(106,189,57)
```

Triadic Color

#8c39bd
```
#8c39bd rgb(140,57,189)
```
#bd396a
```
#bd396a rgb(189,57,106)
```
#6abd39
```
#6abd39 rgb(106,189,57)
```
#39bd8c
```
#39bd8c rgb(57,189,140)
```

Tetradic Color

#822749
```
#822749 rgb(130,39,73)
```
#962d54
```
#962d54 rgb(150,45,84)
```
#a9335f
```
#a9335f rgb(169,51,95)
```
#bd396a
```
#bd396a rgb(189,57,106)
```
#c84877
```
#c84877 rgb(200,72,119)
```
#ce5b86
```
#ce5b86 rgb(206,91,134)
```
#d46f94
```
#d46f94 rgb(212,111,148)
```

Monochromatic Color

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

#bd398b
```
#bd398b rgb(189,57,139)
```
#bd3980
```
#bd3980 rgb(189,57,128)
```
#bd3975
```
#bd3975 rgb(189,57,117)
```
#bd396a
```
#bd396a rgb(189,57,106)
```
#bd395f
```
#bd395f rgb(189,57,95)
```
#bd3954
```
#bd3954 rgb(189,57,84)
```
#bd3949
```
#bd3949 rgb(189,57,73)
```

Similar Colors

Text with hexadecimal color #bd396a

This text has a font color of #bd396a.

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

#bd396a background color

This paragraph has a background color of #bd396a.

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

#bd396a border color

This element has a border color of #bd396a.

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

CSS codes

.text {color:#bd396a;}

.background {background-color:#bd396a;}

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

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

#080205
```
#080205 rgb(8,2,5)
```
#17070d
```
#17070d rgb(23,7,13)
```
#260c15
```
#260c15 rgb(38,12,21)
```
#35101e
```
#35101e rgb(53,16,30)
```
#441526
```
#441526 rgb(68,21,38)
```
#54192f
```
#54192f rgb(84,25,47)
```
#631e37
```
#631e37 rgb(99,30,55)
```
#722240
```
#722240 rgb(114,34,64)
```
#812748
```
#812748 rgb(129,39,72)
```
#902b51
```
#902b51 rgb(144,43,81)
```
#9f3059
```
#9f3059 rgb(159,48,89)
```
#ae3462
```
#ae3462 rgb(174,52,98)
```
#bd396a
```
#bd396a rgb(189,57,106)
```

Shade Color Variation

#c64374
```
#c64374 rgb(198,67,116)
```
#cb527f
```
#cb527f rgb(203,82,127)
```
#cf618a
```
#cf618a rgb(207,97,138)
```
#d47095
```
#d47095 rgb(212,112,149)
```
#d980a1
```
#d980a1 rgb(217,128,161)
```
#dd8fac
```
#dd8fac rgb(221,143,172)
```
#e29eb7
```
#e29eb7 rgb(226,158,183)
```
#e6adc2
```
#e6adc2 rgb(230,173,194)
```
#ebbccd
```
#ebbccd rgb(235,188,205)
```
#efcbd8
```
#efcbd8 rgb(239,203,216)
```
#f4dae4
```
#f4dae4 rgb(244,218,228)
```
#f8e9ef
```
#f8e9ef rgb(248,233,239)
```
#fdf8fa
```
#fdf8fa rgb(253,248,250)
```

Tint Color Variation

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

#847279
```
#847279 rgb(132,114,121)
```
#8e6876
```
#8e6876 rgb(142,104,118)
```
#975f74
```
#975f74 rgb(151,95,116)
```
#a15571
```
#a15571 rgb(161,85,113)
```
#aa4c6f
```
#aa4c6f rgb(170,76,111)
```
#b4426c
```
#b4426c rgb(180,66,108)
```
#bd396a
```
#bd396a rgb(189,57,106)
```
#c63068
```
#c63068 rgb(198,48,104)
```
#d02665
```
#d02665 rgb(208,38,101)
```
#d91d63
```
#d91d63 rgb(217,29,99)
```
#e31360
```
#e31360 rgb(227,19,96)
```
#ec0a5e
```
#ec0a5e rgb(236,10,94)
```
#f6005b
```
#f6005b rgb(246,0,91)
```

Tone Color Variation

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

#6d7189 Protanopia 1% of men
#816f68 Deuteranopia 1% of men
#be4b4f Tritanopia 0.001% of the population

Trichromacy

#8a5d7e Protanomaly 1% of men, 0.01% of women
#975b69 Deuteranomaly 6% of men, 0.4% of women
#bd4459 Tritanomaly 0.01% of the population

#bd396a hex color

#bd396a Color Information

#bd396a Color Conversion

Color Schemes with #bd396a

Alternatives to #bd396a

#bd396a Preview

Shades and Tints of #bd396a

Tones of #bd396a

Color Blindness Simulator