#bd3a36 hex color

In a RGB color space, hex #bd3a36 is composed of 74.1% red, 22.7% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.3% magenta, 71.4% yellow and 25.9% black. It has a hue angle of 1.8 degrees, a saturation of 55.6% and a lightness of 47.6%. #bd3a36 color hex could be obtained by blending #ff746c with #7b0000. Closest websafe color is: #cc3333.

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

● #bd3a36 color description : Moderate red.

The hexadecimal color #bd3a36 has RGB values of R:189, G:58, B:54 and CMYK values of C:0, M:0.69, Y:0.71, K:0.26. Its decimal value is 12401206.

Hex triplet	bd3a36	`#bd3a36`
RGB Decimal	189, 58, 54	`rgb(189,58,54)`
RGB Percent	74.1, 22.7, 21.2	`rgb(74.1%,22.7%,21.2%)`
CMYK	0, 69, 71, 26
HSL	1.8°, 55.6, 47.6	`hsl(1.8,55.6%,47.6%)`
HSV (or HSB)	1.8°, 71.4, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.396, 52, 32.538
XYZ	23.166, 14.114, 4.994
xyY	0.548, 0.334, 14.114
CIE-LCH	44.396, 61.341, 32.036
CIE-LUV	44.396, 99.864, 23.117
Hunter-Lab	37.568, 44.325, 18.416
Binary	10111101, 00111010, 00110110

#bd3a36
```
#bd3a36 rgb(189,58,54)
```
#36b9bd
```
#36b9bd rgb(54,185,189)
```

Complementary Color

#bd3676
```
#bd3676 rgb(189,54,118)
```
#bd3a36
```
#bd3a36 rgb(189,58,54)
```
#bd7e36
```
#bd7e36 rgb(189,126,54)
```

Analogous Color

#3676bd
```
#3676bd rgb(54,118,189)
```
#bd3a36
```
#bd3a36 rgb(189,58,54)
```
#36bd7e
```
#36bd7e rgb(54,189,126)
```

Split Complementary Color

#3a36bd
```
#3a36bd rgb(58,54,189)
```
#bd3a36
```
#bd3a36 rgb(189,58,54)
```
#36bd3a
```
#36bd3a rgb(54,189,58)
```

Triadic Color

#bd36b9
```
#bd36b9 rgb(189,54,185)
```
#bd3a36
```
#bd3a36 rgb(189,58,54)
```
#36bd3a
```
#36bd3a rgb(54,189,58)
```
#36b9bd
```
#36b9bd rgb(54,185,189)
```

Tetradic Color

#822825
```
#822825 rgb(130,40,37)
```
#952e2b
```
#952e2b rgb(149,46,43)
```
#a93430
```
#a93430 rgb(169,52,48)
```
#bd3a36
```
#bd3a36 rgb(189,58,54)
```
#c94743
```
#c94743 rgb(201,71,67)
```
#cf5b57
```
#cf5b57 rgb(207,91,87)
```
#d56e6b
```
#d56e6b rgb(213,110,107)
```

Monochromatic Color

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

#bd3654
```
#bd3654 rgb(189,54,84)
```
#bd3649
```
#bd3649 rgb(189,54,73)
```
#bd363d
```
#bd363d rgb(189,54,61)
```
#bd3a36
```
#bd3a36 rgb(189,58,54)
```
#bd4536
```
#bd4536 rgb(189,69,54)
```
#bd5136
```
#bd5136 rgb(189,81,54)
```
#bd5c36
```
#bd5c36 rgb(189,92,54)
```

Similar Colors

Text with hexadecimal color #bd3a36

This text has a font color of #bd3a36.

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

#bd3a36 background color

This paragraph has a background color of #bd3a36.

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

#bd3a36 border color

This element has a border color of #bd3a36.

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

CSS codes

.text {color:#bd3a36;}

.background {background-color:#bd3a36;}

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

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

#060202
```
#060202 rgb(6,2,2)
```
#150606
```
#150606 rgb(21,6,6)
```
#240b0a
```
#240b0a rgb(36,11,10)
```
#34100f
```
#34100f rgb(52,16,15)
```
#431513
```
#431513 rgb(67,21,19)
```
#521917
```
#521917 rgb(82,25,23)
```
#611e1c
```
#611e1c rgb(97,30,28)
```
#712320
```
#712320 rgb(113,35,32)
```
#802725
```
#802725 rgb(128,39,37)
```
#8f2c29
```
#8f2c29 rgb(143,44,41)
```
#9e312d
```
#9e312d rgb(158,49,45)
```
#ae3532
```
#ae3532 rgb(174,53,50)
```
#bd3a36
```
#bd3a36 rgb(189,58,54)
```

Shade Color Variation

#c8433f
```
#c8433f rgb(200,67,63)
```
#cc524e
```
#cc524e rgb(204,82,78)
```
#d1615d
```
#d1615d rgb(209,97,93)
```
#d56f6c
```
#d56f6c rgb(213,111,108)
```
#d97e7c
```
#d97e7c rgb(217,126,124)
```
#de8d8b
```
#de8d8b rgb(222,141,139)
```
#e29c9a
```
#e29c9a rgb(226,156,154)
```
#e7aba9
```
#e7aba9 rgb(231,171,169)
```
#ebbab9
```
#ebbab9 rgb(235,186,185)
```
#efc9c8
```
#efc9c8 rgb(239,201,200)
```
#f4d8d7
```
#f4d8d7 rgb(244,216,215)
```
#f8e7e6
```
#f8e7e6 rgb(248,231,230)
```
#fcf6f6
```
#fcf6f6 rgb(252,246,246)
```

Tint Color Variation

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

#7c7877
```
#7c7877 rgb(124,120,119)
```
#856f6e
```
#856f6e rgb(133,111,110)
```
#8e6665
```
#8e6665 rgb(142,102,101)
```
#985d5b
```
#985d5b rgb(152,93,91)
```
#a15452
```
#a15452 rgb(161,84,82)
```
#aa4c49
```
#aa4c49 rgb(170,76,73)
```
#b4433f
```
#b4433f rgb(180,67,63)
```
#bd3a36
```
#bd3a36 rgb(189,58,54)
```
#c6312d
```
#c6312d rgb(198,49,45)
```
#d02823
```
#d02823 rgb(208,40,35)
```
#d9201a
```
#d9201a rgb(217,32,26)
```
#e21711
```
#e21711 rgb(226,23,17)
```
#ec0e07
```
#ec0e07 rgb(236,14,7)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#735958 Atypical Achromatopsia 0.001% of the population

Dichromacy

#79704f Protanopia 1% of men
#8a6b37 Deuteranopia 1% of men
#c04346 Tritanopia 0.001% of the population

Trichromacy

#925c45 Protanomaly 1% of men, 0.01% of women
#9c5936 Deuteranomaly 6% of men, 0.4% of women
#bf3f40 Tritanomaly 0.01% of the population

#bd3a36 hex color

#bd3a36 Color Information

#bd3a36 Color Conversion

Color Schemes with #bd3a36

Alternatives to #bd3a36

#bd3a36 Preview

Shades and Tints of #bd3a36

Tones of #bd3a36

Color Blindness Simulator