#bd3157 hex color

In a RGB color space, hex #bd3157 is composed of 74.1% red, 19.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.1% magenta, 54% yellow and 25.9% black. It has a hue angle of 343.7 degrees, a saturation of 58.8% and a lightness of 46.7%. #bd3157 color hex could be obtained by blending #ff62ae with #7b0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 74
- G 19
- B 34
RGB color chart
- C 0
- M 74
- Y 54
- K 26
CMYK color chart

● #bd3157 color description : Moderate pink.

The hexadecimal color #bd3157 has RGB values of R:189, G:49, B:87 and CMYK values of C:0, M:0.74, Y:0.54, K:0.26. Its decimal value is 12398935.

Hex triplet	bd3157	`#bd3157`
RGB Decimal	189, 49, 87	`rgb(189,49,87)`
RGB Percent	74.1, 19.2, 34.1	`rgb(74.1%,19.2%,34.1%)`
CMYK	0, 74, 54, 26
HSL	343.7°, 58.8, 46.7	`hsl(343.7,58.8%,46.7%)`
HSV (or HSB)	343.7°, 74.1, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.809, 57.379, 11.671
XYZ	23.806, 13.706, 10.408
xyY	0.497, 0.286, 13.706
CIE-LCH	43.809, 58.554, 11.497
CIE-LUV	43.809, 95.408, 2.832
Hunter-Lab	37.022, 49.991, 9.246
Binary	10111101, 00110001, 01010111

#bd3157
```
#bd3157 rgb(189,49,87)
```
#31bd97
```
#31bd97 rgb(49,189,151)
```

Complementary Color

#bd319d
```
#bd319d rgb(189,49,157)
```
#bd3157
```
#bd3157 rgb(189,49,87)
```
#bd5131
```
#bd5131 rgb(189,81,49)
```

Analogous Color

#319dbd
```
#319dbd rgb(49,157,189)
```
#bd3157
```
#bd3157 rgb(189,49,87)
```
#31bd51
```
#31bd51 rgb(49,189,81)
```

Split Complementary Color

#3157bd
```
#3157bd rgb(49,87,189)
```
#bd3157
```
#bd3157 rgb(189,49,87)
```
#57bd31
```
#57bd31 rgb(87,189,49)
```

Triadic Color

#9731bd
```
#9731bd rgb(151,49,189)
```
#bd3157
```
#bd3157 rgb(189,49,87)
```
#57bd31
```
#57bd31 rgb(87,189,49)
```
#31bd97
```
#31bd97 rgb(49,189,151)
```

Tetradic Color

#80213b
```
#80213b rgb(128,33,59)
```
#952744
```
#952744 rgb(149,39,68)
```
#a92c4e
```
#a92c4e rgb(169,44,78)
```
#bd3157
```
#bd3157 rgb(189,49,87)
```
#cc3b63
```
#cc3b63 rgb(204,59,99)
```
#d25073
```
#d25073 rgb(210,80,115)
```
#d76483
```
#d76483 rgb(215,100,131)
```

Monochromatic Color

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

#bd317a
```
#bd317a rgb(189,49,122)
```
#bd316e
```
#bd316e rgb(189,49,110)
```
#bd3163
```
#bd3163 rgb(189,49,99)
```
#bd3157
```
#bd3157 rgb(189,49,87)
```
#bd314b
```
#bd314b rgb(189,49,75)
```
#bd3140
```
#bd3140 rgb(189,49,64)
```
#bd3134
```
#bd3134 rgb(189,49,52)
```

Similar Colors

Text with hexadecimal color #bd3157

This text has a font color of #bd3157.

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

#bd3157 background color

This paragraph has a background color of #bd3157.

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

#bd3157 border color

This element has a border color of #bd3157.

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

CSS codes

.text {color:#bd3157;}

.background {background-color:#bd3157;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#120508
```
#120508 rgb(18,5,8)
```
#21090f
```
#21090f rgb(33,9,15)
```
#310d16
```
#310d16 rgb(49,13,22)
```
#40111e
```
#40111e rgb(64,17,30)
```
#501525
```
#501525 rgb(80,21,37)
```
#60192c
```
#60192c rgb(96,25,44)
```
#6f1d33
```
#6f1d33 rgb(111,29,51)
```
#7f213a
```
#7f213a rgb(127,33,58)
```
#8e2541
```
#8e2541 rgb(142,37,65)
```
#9e2949
```
#9e2949 rgb(158,41,73)
```
#ad2d50
```
#ad2d50 rgb(173,45,80)
```
#bd3157
```
#bd3157 rgb(189,49,87)
```

Shade Color Variation

#cb375f
```
#cb375f rgb(203,55,95)
```
#cf466b
```
#cf466b rgb(207,70,107)
```
#d35678
```
#d35678 rgb(211,86,120)
```
#d76584
```
#d76584 rgb(215,101,132)
```
#db7591
```
#db7591 rgb(219,117,145)
```
#df849d
```
#df849d rgb(223,132,157)
```
#e394aa
```
#e394aa rgb(227,148,170)
```
#e7a4b6
```
#e7a4b6 rgb(231,164,182)
```
#ebb3c2
```
#ebb3c2 rgb(235,179,194)
```
#efc3cf
```
#efc3cf rgb(239,195,207)
```
#f3d2db
```
#f3d2db rgb(243,210,219)
```
#f7e2e8
```
#f7e2e8 rgb(247,226,232)
```
#fcf2f4
```
#fcf2f4 rgb(252,242,244)
```

Tint Color Variation

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

#7d7174
```
#7d7174 rgb(125,113,116)
```
#866870
```
#866870 rgb(134,104,112)
```
#8f5f6c
```
#8f5f6c rgb(143,95,108)
```
#985668
```
#985668 rgb(152,86,104)
```
#a24c64
```
#a24c64 rgb(162,76,100)
```
#ab435f
```
#ab435f rgb(171,67,95)
```
#b43a5b
```
#b43a5b rgb(180,58,91)
```
#bd3157
```
#bd3157 rgb(189,49,87)
```
#c62853
```
#c62853 rgb(198,40,83)
```
#cf1f4f
```
#cf1f4f rgb(207,31,79)
```
#d8164a
```
#d8164a rgb(216,22,74)
```
#e20c46
```
#e20c46 rgb(226,12,70)
```
#eb0342
```
#eb0342 rgb(235,3,66)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#72565d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6e76 Protanopia 1% of men
#826b56 Deuteranopia 1% of men
#be4144 Tritanopia 0.001% of the population

Trichromacy

#8b586b Protanomaly 1% of men, 0.01% of women
#975656 Deuteranomaly 6% of men, 0.4% of women
#be3b4b Tritanomaly 0.01% of the population

#bd3157 hex color

#bd3157 Color Information

#bd3157 Color Conversion

Color Schemes with #bd3157

Alternatives to #bd3157

#bd3157 Preview

Shades and Tints of #bd3157

Tones of #bd3157

Color Blindness Simulator