#bd3137 hex color

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

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

● #bd3137 color description : Moderate red.

The hexadecimal color #bd3137 has RGB values of R:189, G:49, B:55 and CMYK values of C:0, M:0.74, Y:0.71, K:0.26. Its decimal value is 12398903.

Hex triplet	bd3137	`#bd3137`
RGB Decimal	189, 49, 55	`rgb(189,49,55)`
RGB Percent	74.1, 19.2, 21.6	`rgb(74.1%,19.2%,21.6%)`
CMYK	0, 74, 71, 26
HSL	357.4°, 58.8, 46.7	`hsl(357.4,58.8%,46.7%)`
HSV (or HSB)	357.4°, 74.1, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.203, 55.375, 30.545
XYZ	22.775, 13.294, 4.981
xyY	0.555, 0.324, 13.294
CIE-LCH	43.203, 63.24, 28.881
CIE-LUV	43.203, 104.658, 20.346
Hunter-Lab	36.461, 47.693, 17.423
Binary	10111101, 00110001, 00110111

#bd3137
```
#bd3137 rgb(189,49,55)
```
#31bdb7
```
#31bdb7 rgb(49,189,183)
```

Complementary Color

#bd317d
```
#bd317d rgb(189,49,125)
```
#bd3137
```
#bd3137 rgb(189,49,55)
```
#bd7131
```
#bd7131 rgb(189,113,49)
```

Analogous Color

#317dbd
```
#317dbd rgb(49,125,189)
```
#bd3137
```
#bd3137 rgb(189,49,55)
```
#31bd71
```
#31bd71 rgb(49,189,113)
```

Split Complementary Color

#3137bd
```
#3137bd rgb(49,55,189)
```
#bd3137
```
#bd3137 rgb(189,49,55)
```
#37bd31
```
#37bd31 rgb(55,189,49)
```

Triadic Color

#b731bd
```
#b731bd rgb(183,49,189)
```
#bd3137
```
#bd3137 rgb(189,49,55)
```
#37bd31
```
#37bd31 rgb(55,189,49)
```
#31bdb7
```
#31bdb7 rgb(49,189,183)
```

Tetradic Color

#802125
```
#802125 rgb(128,33,37)
```
#95272b
```
#95272b rgb(149,39,43)
```
#a92c31
```
#a92c31 rgb(169,44,49)
```
#bd3137
```
#bd3137 rgb(189,49,55)
```
#cc3b41
```
#cc3b41 rgb(204,59,65)
```
#d25055
```
#d25055 rgb(210,80,85)
```
#d76469
```
#d76469 rgb(215,100,105)
```

Monochromatic Color

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

#bd315a
```
#bd315a rgb(189,49,90)
```
#bd314e
```
#bd314e rgb(189,49,78)
```
#bd3143
```
#bd3143 rgb(189,49,67)
```
#bd3137
```
#bd3137 rgb(189,49,55)
```
#bd3731
```
#bd3731 rgb(189,55,49)
```
#bd4231
```
#bd4231 rgb(189,66,49)
```
#bd4e31
```
#bd4e31 rgb(189,78,49)
```

Similar Colors

Text with hexadecimal color #bd3137

This text has a font color of #bd3137.

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

#bd3137 background color

This paragraph has a background color of #bd3137.

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

#bd3137 border color

This element has a border color of #bd3137.

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

CSS codes

.text {color:#bd3137;}

.background {background-color:#bd3137;}

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

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)
```
#120505
```
#120505 rgb(18,5,5)
```
#21090a
```
#21090a rgb(33,9,10)
```
#310d0e
```
#310d0e rgb(49,13,14)
```
#401113
```
#401113 rgb(64,17,19)
```
#501517
```
#501517 rgb(80,21,23)
```
#60191c
```
#60191c rgb(96,25,28)
```
#6f1d20
```
#6f1d20 rgb(111,29,32)
```
#7f2125
```
#7f2125 rgb(127,33,37)
```
#8e2529
```
#8e2529 rgb(142,37,41)
```
#9e292e
```
#9e292e rgb(158,41,46)
```
#ad2d32
```
#ad2d32 rgb(173,45,50)
```
#bd3137
```
#bd3137 rgb(189,49,55)
```

Shade Color Variation

#cb373d
```
#cb373d rgb(203,55,61)
```
#cf464c
```
#cf464c rgb(207,70,76)
```
#d3565b
```
#d3565b rgb(211,86,91)
```
#d7656a
```
#d7656a rgb(215,101,106)
```
#db7579
```
#db7579 rgb(219,117,121)
```
#df8488
```
#df8488 rgb(223,132,136)
```
#e39497
```
#e39497 rgb(227,148,151)
```
#e7a4a7
```
#e7a4a7 rgb(231,164,167)
```
#ebb3b6
```
#ebb3b6 rgb(235,179,182)
```
#efc3c5
```
#efc3c5 rgb(239,195,197)
```
#f3d2d4
```
#f3d2d4 rgb(243,210,212)
```
#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 #eb030d is the most saturated one.

#7d7172
```
#7d7172 rgb(125,113,114)
```
#866869
```
#866869 rgb(134,104,105)
```
#8f5f61
```
#8f5f61 rgb(143,95,97)
```
#985658
```
#985658 rgb(152,86,88)
```
#a24c50
```
#a24c50 rgb(162,76,80)
```
#ab4348
```
#ab4348 rgb(171,67,72)
```
#b43a3f
```
#b43a3f rgb(180,58,63)
```
#bd3137
```
#bd3137 rgb(189,49,55)
```
#c6282f
```
#c6282f rgb(198,40,47)
```
#cf1f26
```
#cf1f26 rgb(207,31,38)
```
#d8161e
```
#d8161e rgb(216,22,30)
```
#e20c16
```
#e20c16 rgb(226,12,22)
```
#eb030d
```
#eb030d rgb(235,3,13)
```

Tone Color Variation

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

#756d52 Protanopia 1% of men
#866937 Deuteranopia 1% of men
#c03c3e Tritanopia 0.001% of the population

Trichromacy

#8f5748 Protanomaly 1% of men, 0.01% of women
#9a5437 Deuteranomaly 6% of men, 0.4% of women
#bf383b Tritanomaly 0.01% of the population

#bd3137 hex color

#bd3137 Color Information

#bd3137 Color Conversion

Color Schemes with #bd3137

Alternatives to #bd3137

#bd3137 Preview

Shades and Tints of #bd3137

Tones of #bd3137

Color Blindness Simulator