#bd3436 hex color

In a RGB color space, hex #bd3436 is composed of 74.1% red, 20.4% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.5% magenta, 71.4% yellow and 25.9% black. It has a hue angle of 359.1 degrees, a saturation of 56.8% and a lightness of 47.3%. #bd3436 color hex could be obtained by blending #ff686c with #7b0000. Closest websafe color is: #cc3333.

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

● #bd3436 color description : Moderate red.

The hexadecimal color #bd3436 has RGB values of R:189, G:52, B:54 and CMYK values of C:0, M:0.72, Y:0.71, K:0.26. Its decimal value is 12399670.

Hex triplet	bd3436	`#bd3436`
RGB Decimal	189, 52, 54	`rgb(189,52,54)`
RGB Percent	74.1, 20.4, 21.2	`rgb(74.1%,20.4%,21.2%)`
CMYK	0, 72, 71, 26
HSL	359.1°, 56.8, 47.3	`hsl(359.1,56.8%,47.3%)`
HSV (or HSB)	359.1°, 72.5, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.571, 54.267, 31.574
XYZ	22.881, 13.544, 4.899
xyY	0.554, 0.328, 13.544
CIE-LCH	43.571, 62.784, 30.192
CIE-LUV	43.571, 103.286, 21.526
Hunter-Lab	36.802, 46.577, 17.868
Binary	10111101, 00110100, 00110110

#bd3436
```
#bd3436 rgb(189,52,54)
```
#34bdbb
```
#34bdbb rgb(52,189,187)
```

Complementary Color

#bd347b
```
#bd347b rgb(189,52,123)
```
#bd3436
```
#bd3436 rgb(189,52,54)
```
#bd7734
```
#bd7734 rgb(189,119,52)
```

Analogous Color

#347bbd
```
#347bbd rgb(52,123,189)
```
#bd3436
```
#bd3436 rgb(189,52,54)
```
#34bd77
```
#34bd77 rgb(52,189,119)
```

Split Complementary Color

#3436bd
```
#3436bd rgb(52,54,189)
```
#bd3436
```
#bd3436 rgb(189,52,54)
```
#36bd34
```
#36bd34 rgb(54,189,52)
```

Triadic Color

#bb34bd
```
#bb34bd rgb(187,52,189)
```
#bd3436
```
#bd3436 rgb(189,52,54)
```
#36bd34
```
#36bd34 rgb(54,189,52)
```
#34bdbb
```
#34bdbb rgb(52,189,187)
```

Tetradic Color

#812325
```
#812325 rgb(129,35,37)
```
#95292b
```
#95292b rgb(149,41,43)
```
#a92e30
```
#a92e30 rgb(169,46,48)
```
#bd3436
```
#bd3436 rgb(189,52,54)
```
#ca4042
```
#ca4042 rgb(202,64,66)
```
#d05456
```
#d05456 rgb(208,84,86)
```
#d5686a
```
#d5686a rgb(213,104,106)
```

Monochromatic Color

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

#bd3458
```
#bd3458 rgb(189,52,88)
```
#bd344d
```
#bd344d rgb(189,52,77)
```
#bd3441
```
#bd3441 rgb(189,52,65)
```
#bd3436
```
#bd3436 rgb(189,52,54)
```
#bd3d34
```
#bd3d34 rgb(189,61,52)
```
#bd4934
```
#bd4934 rgb(189,73,52)
```
#bd5434
```
#bd5434 rgb(189,84,52)
```

Similar Colors

Text with hexadecimal color #bd3436

This text has a font color of #bd3436.

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

#bd3436 background color

This paragraph has a background color of #bd3436.

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

#bd3436 border color

This element has a border color of #bd3436.

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

CSS codes

.text {color:#bd3436;}

.background {background-color:#bd3436;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140506
```
#140506 rgb(20,5,6)
```
#230a0a
```
#230a0a rgb(35,10,10)
```
#330e0e
```
#330e0e rgb(51,14,14)
```
#421213
```
#421213 rgb(66,18,19)
```
#511617
```
#511617 rgb(81,22,23)
```
#611b1c
```
#611b1c rgb(97,27,28)
```
#701f20
```
#701f20 rgb(112,31,32)
```
#7f2324
```
#7f2324 rgb(127,35,36)
```
#8f2729
```
#8f2729 rgb(143,39,41)
```
#9e2c2d
```
#9e2c2d rgb(158,44,45)
```
#ae3032
```
#ae3032 rgb(174,48,50)
```
#bd3436
```
#bd3436 rgb(189,52,54)
```

Shade Color Variation

#c93b3d
```
#c93b3d rgb(201,59,61)
```
#cd4b4d
```
#cd4b4d rgb(205,75,77)
```
#d25a5c
```
#d25a5c rgb(210,90,92)
```
#d66a6b
```
#d66a6b rgb(214,106,107)
```
#da797a
```
#da797a rgb(218,121,122)
```
#de888a
```
#de888a rgb(222,136,138)
```
#e39899
```
#e39899 rgb(227,152,153)
```
#e7a7a8
```
#e7a7a8 rgb(231,167,168)
```
#ebb6b7
```
#ebb6b7 rgb(235,182,183)
```
#efc6c6
```
#efc6c6 rgb(239,198,198)
```
#f4d5d6
```
#f4d5d6 rgb(244,213,214)
```
#f8e5e5
```
#f8e5e5 rgb(248,229,229)
```
#fcf4f4
```
#fcf4f4 rgb(252,244,244)
```

Tint Color Variation

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

#7c7575
```
#7c7575 rgb(124,117,117)
```
#856c6c
```
#856c6c rgb(133,108,108)
```
#8f6263
```
#8f6263 rgb(143,98,99)
```
#98595a
```
#98595a rgb(152,89,90)
```
#a15051
```
#a15051 rgb(161,80,81)
```
#aa4748
```
#aa4748 rgb(170,71,72)
```
#b43d3f
```
#b43d3f rgb(180,61,63)
```
#bd3436
```
#bd3436 rgb(189,52,54)
```
#c62b2d
```
#c62b2d rgb(198,43,45)
```
#d02124
```
#d02124 rgb(208,33,36)
```
#d9181b
```
#d9181b rgb(217,24,27)
```
#e20f12
```
#e20f12 rgb(226,15,18)
```
#eb0609
```
#eb0609 rgb(235,6,9)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#705555 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776e50 Protanopia 1% of men
#876937 Deuteranopia 1% of men
#c03e41 Tritanopia 0.001% of the population

Trichromacy

#905946 Protanomaly 1% of men, 0.01% of women
#9b5636 Deuteranomaly 6% of men, 0.4% of women
#bf3a3d Tritanomaly 0.01% of the population

#bd3436 hex color

#bd3436 Color Information

#bd3436 Color Conversion

Color Schemes with #bd3436

Alternatives to #bd3436

#bd3436 Preview

Shades and Tints of #bd3436

Tones of #bd3436

Color Blindness Simulator