#bd313b hex color

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

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

● #bd313b color description : Moderate red.

The hexadecimal color #bd313b has RGB values of R:189, G:49, B:59 and CMYK values of C:0, M:0.74, Y:0.69, K:0.26. Its decimal value is 12398907.

Hex triplet	bd313b	`#bd313b`
RGB Decimal	189, 49, 59	`rgb(189,49,59)`
RGB Percent	74.1, 19.2, 23.1	`rgb(74.1%,19.2%,23.1%)`
CMYK	0, 74, 69, 26
HSL	355.7°, 58.8, 46.7	`hsl(355.7,58.8%,46.7%)`
HSV (or HSB)	355.7°, 74.1, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.262, 55.572, 28.214
XYZ	22.875, 13.334, 5.507
xyY	0.548, 0.32, 13.334
CIE-LCH	43.262, 62.325, 26.917
CIE-LUV	43.262, 103.686, 18.52
Hunter-Lab	36.516, 47.918, 16.62
Binary	10111101, 00110001, 00111011

#bd313b
```
#bd313b rgb(189,49,59)
```
#31bdb3
```
#31bdb3 rgb(49,189,179)
```

Complementary Color

#bd3181
```
#bd3181 rgb(189,49,129)
```
#bd313b
```
#bd313b rgb(189,49,59)
```
#bd6d31
```
#bd6d31 rgb(189,109,49)
```

Analogous Color

#3181bd
```
#3181bd rgb(49,129,189)
```
#bd313b
```
#bd313b rgb(189,49,59)
```
#31bd6d
```
#31bd6d rgb(49,189,109)
```

Split Complementary Color

#313bbd
```
#313bbd rgb(49,59,189)
```
#bd313b
```
#bd313b rgb(189,49,59)
```
#3bbd31
```
#3bbd31 rgb(59,189,49)
```

Triadic Color

#b331bd
```
#b331bd rgb(179,49,189)
```
#bd313b
```
#bd313b rgb(189,49,59)
```
#3bbd31
```
#3bbd31 rgb(59,189,49)
```
#31bdb3
```
#31bdb3 rgb(49,189,179)
```

Tetradic Color

#802128
```
#802128 rgb(128,33,40)
```
#95272e
```
#95272e rgb(149,39,46)
```
#a92c35
```
#a92c35 rgb(169,44,53)
```
#bd313b
```
#bd313b rgb(189,49,59)
```
#cc3b46
```
#cc3b46 rgb(204,59,70)
```
#d25059
```
#d25059 rgb(210,80,89)
```
#d7646c
```
#d7646c rgb(215,100,108)
```

Monochromatic Color

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

#bd315e
```
#bd315e rgb(189,49,94)
```
#bd3152
```
#bd3152 rgb(189,49,82)
```
#bd3147
```
#bd3147 rgb(189,49,71)
```
#bd313b
```
#bd313b rgb(189,49,59)
```
#bd3331
```
#bd3331 rgb(189,51,49)
```
#bd3e31
```
#bd3e31 rgb(189,62,49)
```
#bd4a31
```
#bd4a31 rgb(189,74,49)
```

Similar Colors

Text with hexadecimal color #bd313b

This text has a font color of #bd313b.

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

#bd313b background color

This paragraph has a background color of #bd313b.

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

#bd313b border color

This element has a border color of #bd313b.

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

CSS codes

.text {color:#bd313b;}

.background {background-color:#bd313b;}

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

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 #fcf2f2 is the lightest one.

#020101
```
#020101 rgb(2,1,1)
```
#120506
```
#120506 rgb(18,5,6)
```
#21090a
```
#21090a rgb(33,9,10)
```
#310d0f
```
#310d0f rgb(49,13,15)
```
#401114
```
#401114 rgb(64,17,20)
```
#501519
```
#501519 rgb(80,21,25)
```
#60191e
```
#60191e rgb(96,25,30)
```
#6f1d23
```
#6f1d23 rgb(111,29,35)
```
#7f2128
```
#7f2128 rgb(127,33,40)
```
#8e252c
```
#8e252c rgb(142,37,44)
```
#9e2931
```
#9e2931 rgb(158,41,49)
```
#ad2d36
```
#ad2d36 rgb(173,45,54)
```
#bd313b
```
#bd313b rgb(189,49,59)
```

Shade Color Variation

#cb3741
```
#cb3741 rgb(203,55,65)
```
#cf4650
```
#cf4650 rgb(207,70,80)
```
#d3565f
```
#d3565f rgb(211,86,95)
```
#d7656d
```
#d7656d rgb(215,101,109)
```
#db757c
```
#db757c rgb(219,117,124)
```
#df848b
```
#df848b rgb(223,132,139)
```
#e3949a
```
#e3949a rgb(227,148,154)
```
#e7a4a8
```
#e7a4a8 rgb(231,164,168)
```
#ebb3b7
```
#ebb3b7 rgb(235,179,183)
```
#efc3c6
```
#efc3c6 rgb(239,195,198)
```
#f3d2d5
```
#f3d2d5 rgb(243,210,213)
```
#f7e2e3
```
#f7e2e3 rgb(247,226,227)
```
#fcf2f2
```
#fcf2f2 rgb(252,242,242)
```

Tint Color Variation

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

#7d7172
```
#7d7172 rgb(125,113,114)
```
#86686a
```
#86686a rgb(134,104,106)
```
#8f5f62
```
#8f5f62 rgb(143,95,98)
```
#98565a
```
#98565a rgb(152,86,90)
```
#a24c53
```
#a24c53 rgb(162,76,83)
```
#ab434b
```
#ab434b rgb(171,67,75)
```
#b43a43
```
#b43a43 rgb(180,58,67)
```
#bd313b
```
#bd313b rgb(189,49,59)
```
#c62833
```
#c62833 rgb(198,40,51)
```
#cf1f2b
```
#cf1f2b rgb(207,31,43)
```
#d81623
```
#d81623 rgb(216,22,35)
```
#e20c1c
```
#e20c1c rgb(226,12,28)
```
#eb0314
```
#eb0314 rgb(235,3,20)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f5355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756d56 Protanopia 1% of men
#86693b Deuteranopia 1% of men
#c03c3f Tritanopia 0.001% of the population

Trichromacy

#8f574c Protanomaly 1% of men, 0.01% of women
#9a543b Deuteranomaly 6% of men, 0.4% of women
#bf383d Tritanomaly 0.01% of the population

#bd313b hex color

#bd313b Color Information

#bd313b Color Conversion

Color Schemes with #bd313b

Alternatives to #bd313b

#bd313b Preview

Shades and Tints of #bd313b

Tones of #bd313b

Color Blindness Simulator