#bd3136 hex color

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

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

● #bd3136 color description : Moderate red.

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

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

CIE-LAB	43.189, 55.327, 31.124
XYZ	22.751, 13.284, 4.856
xyY	0.556, 0.325, 13.284
CIE-LCH	43.189, 63.481, 29.36
CIE-LUV	43.189, 104.892, 20.784
Hunter-Lab	36.448, 47.639, 17.614
Binary	10111101, 00110001, 00110110

#bd3136
```
#bd3136 rgb(189,49,54)
```
#31bdb8
```
#31bdb8 rgb(49,189,184)
```

Complementary Color

#bd317c
```
#bd317c rgb(189,49,124)
```
#bd3136
```
#bd3136 rgb(189,49,54)
```
#bd7231
```
#bd7231 rgb(189,114,49)
```

Analogous Color

#317cbd
```
#317cbd rgb(49,124,189)
```
#bd3136
```
#bd3136 rgb(189,49,54)
```
#31bd72
```
#31bd72 rgb(49,189,114)
```

Split Complementary Color

#3136bd
```
#3136bd rgb(49,54,189)
```
#bd3136
```
#bd3136 rgb(189,49,54)
```
#36bd31
```
#36bd31 rgb(54,189,49)
```

Triadic Color

#b831bd
```
#b831bd rgb(184,49,189)
```
#bd3136
```
#bd3136 rgb(189,49,54)
```
#36bd31
```
#36bd31 rgb(54,189,49)
```
#31bdb8
```
#31bdb8 rgb(49,189,184)
```

Tetradic Color

#802125
```
#802125 rgb(128,33,37)
```
#95272a
```
#95272a rgb(149,39,42)
```
#a92c30
```
#a92c30 rgb(169,44,48)
```
#bd3136
```
#bd3136 rgb(189,49,54)
```
#cc3b40
```
#cc3b40 rgb(204,59,64)
```
#d25054
```
#d25054 rgb(210,80,84)
```
#d76468
```
#d76468 rgb(215,100,104)
```

Monochromatic Color

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

#bd3159
```
#bd3159 rgb(189,49,89)
```
#bd314d
```
#bd314d rgb(189,49,77)
```
#bd3142
```
#bd3142 rgb(189,49,66)
```
#bd3136
```
#bd3136 rgb(189,49,54)
```
#bd3831
```
#bd3831 rgb(189,56,49)
```
#bd4331
```
#bd4331 rgb(189,67,49)
```
#bd4f31
```
#bd4f31 rgb(189,79,49)
```

Similar Colors

Text with hexadecimal color #bd3136

This text has a font color of #bd3136.

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

#bd3136 background color

This paragraph has a background color of #bd3136.

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

#bd3136 border color

This element has a border color of #bd3136.

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

CSS codes

.text {color:#bd3136;}

.background {background-color:#bd3136;}

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

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)
```
#210909
```
#210909 rgb(33,9,9)
```
#310d0e
```
#310d0e rgb(49,13,14)
```
#401112
```
#401112 rgb(64,17,18)
```
#501517
```
#501517 rgb(80,21,23)
```
#60191b
```
#60191b rgb(96,25,27)
```
#6f1d20
```
#6f1d20 rgb(111,29,32)
```
#7f2124
```
#7f2124 rgb(127,33,36)
```
#8e2529
```
#8e2529 rgb(142,37,41)
```
#9e292d
```
#9e292d rgb(158,41,45)
```
#ad2d32
```
#ad2d32 rgb(173,45,50)
```
#bd3136
```
#bd3136 rgb(189,49,54)
```

Shade Color Variation

#cb373c
```
#cb373c rgb(203,55,60)
```
#cf464b
```
#cf464b rgb(207,70,75)
```
#d3565a
```
#d3565a rgb(211,86,90)
```
#d76569
```
#d76569 rgb(215,101,105)
```
#db7579
```
#db7579 rgb(219,117,121)
```
#df8488
```
#df8488 rgb(223,132,136)
```
#e39497
```
#e39497 rgb(227,148,151)
```
#e7a4a6
```
#e7a4a6 rgb(231,164,166)
```
#ebb3b5
```
#ebb3b5 rgb(235,179,181)
```
#efc3c4
```
#efc3c4 rgb(239,195,196)
```
#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 #eb030b 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)
```
#a24c4f
```
#a24c4f rgb(162,76,79)
```
#ab4347
```
#ab4347 rgb(171,67,71)
```
#b43a3e
```
#b43a3e rgb(180,58,62)
```
#bd3136
```
#bd3136 rgb(189,49,54)
```
#c6282d
```
#c6282d rgb(198,40,45)
```
#cf1f25
```
#cf1f25 rgb(207,31,37)
```
#d8161c
```
#d8161c rgb(216,22,28)
```
#e20c14
```
#e20c14 rgb(226,12,20)
```
#eb030b
```
#eb030b rgb(235,3,11)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6f5354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766d50 Protanopia 1% of men
#866936 Deuteranopia 1% of men
#c03c3e Tritanopia 0.001% of the population

Trichromacy

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

#bd3136 hex color

#bd3136 Color Information

#bd3136 Color Conversion

Color Schemes with #bd3136

Alternatives to #bd3136

#bd3136 Preview

Shades and Tints of #bd3136

Tones of #bd3136

Color Blindness Simulator