#bd314d hex color

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

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

● #bd314d color description : Moderate red.

The hexadecimal color #bd314d has RGB values of R:189, G:49, B:77 and CMYK values of C:0, M:0.74, Y:0.59, K:0.26. Its decimal value is 12398925.

Hex triplet	bd314d	`#bd314d`
RGB Decimal	189, 49, 77	`rgb(189,49,77)`
RGB Percent	74.1, 19.2, 30.2	`rgb(74.1%,19.2%,30.2%)`
CMYK	0, 74, 59, 26
HSL	348°, 58.8, 46.7	`hsl(348,58.8%,46.7%)`
HSV (or HSB)	348°, 74.1, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.586, 56.648, 17.583
XYZ	23.425, 13.554, 8.403
xyY	0.516, 0.299, 13.554
CIE-LCH	43.586, 59.314, 17.243
CIE-LUV	43.586, 98.631, 8.975
Hunter-Lab	36.816, 49.149, 12.237
Binary	10111101, 00110001, 01001101

#bd314d
```
#bd314d rgb(189,49,77)
```
#31bda1
```
#31bda1 rgb(49,189,161)
```

Complementary Color

#bd3193
```
#bd3193 rgb(189,49,147)
```
#bd314d
```
#bd314d rgb(189,49,77)
```
#bd5b31
```
#bd5b31 rgb(189,91,49)
```

Analogous Color

#3193bd
```
#3193bd rgb(49,147,189)
```
#bd314d
```
#bd314d rgb(189,49,77)
```
#31bd5b
```
#31bd5b rgb(49,189,91)
```

Split Complementary Color

#314dbd
```
#314dbd rgb(49,77,189)
```
#bd314d
```
#bd314d rgb(189,49,77)
```
#4dbd31
```
#4dbd31 rgb(77,189,49)
```

Triadic Color

#a131bd
```
#a131bd rgb(161,49,189)
```
#bd314d
```
#bd314d rgb(189,49,77)
```
#4dbd31
```
#4dbd31 rgb(77,189,49)
```
#31bda1
```
#31bda1 rgb(49,189,161)
```

Tetradic Color

#802134
```
#802134 rgb(128,33,52)
```
#95273d
```
#95273d rgb(149,39,61)
```
#a92c45
```
#a92c45 rgb(169,44,69)
```
#bd314d
```
#bd314d rgb(189,49,77)
```
#cc3b58
```
#cc3b58 rgb(204,59,88)
```
#d2506a
```
#d2506a rgb(210,80,106)
```
#d7647b
```
#d7647b rgb(215,100,123)
```

Monochromatic Color

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

#bd3170
```
#bd3170 rgb(189,49,112)
```
#bd3164
```
#bd3164 rgb(189,49,100)
```
#bd3159
```
#bd3159 rgb(189,49,89)
```
#bd314d
```
#bd314d rgb(189,49,77)
```
#bd3141
```
#bd3141 rgb(189,49,65)
```
#bd3136
```
#bd3136 rgb(189,49,54)
```
#bd3831
```
#bd3831 rgb(189,56,49)
```

Similar Colors

Text with hexadecimal color #bd314d

This text has a font color of #bd314d.

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

#bd314d background color

This paragraph has a background color of #bd314d.

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

#bd314d border color

This element has a border color of #bd314d.

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

CSS codes

.text {color:#bd314d;}

.background {background-color:#bd314d;}

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

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)
```
#120507
```
#120507 rgb(18,5,7)
```
#21090e
```
#21090e rgb(33,9,14)
```
#310d14
```
#310d14 rgb(49,13,20)
```
#40111a
```
#40111a rgb(64,17,26)
```
#501521
```
#501521 rgb(80,21,33)
```
#601927
```
#601927 rgb(96,25,39)
```
#6f1d2d
```
#6f1d2d rgb(111,29,45)
```
#7f2134
```
#7f2134 rgb(127,33,52)
```
#8e253a
```
#8e253a rgb(142,37,58)
```
#9e2940
```
#9e2940 rgb(158,41,64)
```
#ad2d47
```
#ad2d47 rgb(173,45,71)
```
#bd314d
```
#bd314d rgb(189,49,77)
```

Shade Color Variation

#cb3754
```
#cb3754 rgb(203,55,84)
```
#cf4662
```
#cf4662 rgb(207,70,98)
```
#d3566f
```
#d3566f rgb(211,86,111)
```
#d7657c
```
#d7657c rgb(215,101,124)
```
#db7589
```
#db7589 rgb(219,117,137)
```
#df8497
```
#df8497 rgb(223,132,151)
```
#e394a4
```
#e394a4 rgb(227,148,164)
```
#e7a4b1
```
#e7a4b1 rgb(231,164,177)
```
#ebb3be
```
#ebb3be rgb(235,179,190)
```
#efc3cc
```
#efc3cc rgb(239,195,204)
```
#f3d2d9
```
#f3d2d9 rgb(243,210,217)
```
#f7e2e6
```
#f7e2e6 rgb(247,226,230)
```
#fcf2f4
```
#fcf2f4 rgb(252,242,244)
```

Tint Color Variation

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

#7d7173
```
#7d7173 rgb(125,113,115)
```
#86686e
```
#86686e rgb(134,104,110)
```
#8f5f68
```
#8f5f68 rgb(143,95,104)
```
#985663
```
#985663 rgb(152,86,99)
```
#a24c5d
```
#a24c5d rgb(162,76,93)
```
#ab4358
```
#ab4358 rgb(171,67,88)
```
#b43a52
```
#b43a52 rgb(180,58,82)
```
#bd314d
```
#bd314d rgb(189,49,77)
```
#c62848
```
#c62848 rgb(198,40,72)
```
#cf1f42
```
#cf1f42 rgb(207,31,66)
```
#d8163d
```
#d8163d rgb(216,22,61)
```
#e20c37
```
#e20c37 rgb(226,12,55)
```
#eb0332
```
#eb0332 rgb(235,3,50)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#71555b Atypical Achromatopsia 0.001% of the population

Dichromacy

#716e6b Protanopia 1% of men
#836a4d Deuteranopia 1% of men
#bf3f42 Tritanopia 0.001% of the population

Trichromacy

#8d5860 Protanomaly 1% of men, 0.01% of women
#98554d Deuteranomaly 6% of men, 0.4% of women
#be3a46 Tritanomaly 0.01% of the population

#bd314d hex color

#bd314d Color Information

#bd314d Color Conversion

Color Schemes with #bd314d

Alternatives to #bd314d

#bd314d Preview

Shades and Tints of #bd314d

Tones of #bd314d

Color Blindness Simulator