#bd2a36 hex color

In a RGB color space, hex #bd2a36 is composed of 74.1% red, 16.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.8% magenta, 71.4% yellow and 25.9% black. It has a hue angle of 355.1 degrees, a saturation of 63.6% and a lightness of 45.3%. #bd2a36 color hex could be obtained by blending #ff546c with #7b0000. Closest websafe color is: #cc3333.

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

● #bd2a36 color description : Strong red.

The hexadecimal color #bd2a36 has RGB values of R:189, G:42, B:54 and CMYK values of C:0, M:0.78, Y:0.71, K:0.26. Its decimal value is 12397110.

Hex triplet	bd2a36	`#bd2a36`
RGB Decimal	189, 42, 54	`rgb(189,42,54)`
RGB Percent	74.1, 16.5, 21.2	`rgb(74.1%,16.5%,21.2%)`
CMYK	0, 78, 71, 26
HSL	355.1°, 63.6, 45.3	`hsl(355.1,63.6%,45.3%)`
HSV (or HSB)	355.1°, 77.8, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.375, 57.602, 30.162
XYZ	22.481, 12.744, 4.766
xyY	0.562, 0.319, 12.744
CIE-LCH	42.375, 65.021, 27.638
CIE-LUV	42.375, 108.344, 19.198
Hunter-Lab	35.698, 49.938, 17.073
Binary	10111101, 00101010, 00110110

#bd2a36
```
#bd2a36 rgb(189,42,54)
```
#2abdb1
```
#2abdb1 rgb(42,189,177)
```

Complementary Color

#bd2a80
```
#bd2a80 rgb(189,42,128)
```
#bd2a36
```
#bd2a36 rgb(189,42,54)
```
#bd682a
```
#bd682a rgb(189,104,42)
```

Analogous Color

#2a80bd
```
#2a80bd rgb(42,128,189)
```
#bd2a36
```
#bd2a36 rgb(189,42,54)
```
#2abd68
```
#2abd68 rgb(42,189,104)
```

Split Complementary Color

#2a36bd
```
#2a36bd rgb(42,54,189)
```
#bd2a36
```
#bd2a36 rgb(189,42,54)
```
#36bd2a
```
#36bd2a rgb(54,189,42)
```

Triadic Color

#b12abd
```
#b12abd rgb(177,42,189)
```
#bd2a36
```
#bd2a36 rgb(189,42,54)
```
#36bd2a
```
#36bd2a rgb(54,189,42)
```
#2abdb1
```
#2abdb1 rgb(42,189,177)
```

Tetradic Color

#7e1c24
```
#7e1c24 rgb(126,28,36)
```
#93212a
```
#93212a rgb(147,33,42)
```
#a82530
```
#a82530 rgb(168,37,48)
```
#bd2a36
```
#bd2a36 rgb(189,42,54)
```
#d1303d
```
#d1303d rgb(209,48,61)
```
#d64450
```
#d64450 rgb(214,68,80)
```
#da5964
```
#da5964 rgb(218,89,100)
```

Monochromatic Color

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

#bd2a5b
```
#bd2a5b rgb(189,42,91)
```
#bd2a4e
```
#bd2a4e rgb(189,42,78)
```
#bd2a42
```
#bd2a42 rgb(189,42,66)
```
#bd2a36
```
#bd2a36 rgb(189,42,54)
```
#bd2a2a
```
#bd2a2a rgb(189,42,42)
```
#bd372a
```
#bd372a rgb(189,55,42)
```
#bd432a
```
#bd432a rgb(189,67,42)
```

Similar Colors

Text with hexadecimal color #bd2a36

This text has a font color of #bd2a36.

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

#bd2a36 background color

This paragraph has a background color of #bd2a36.

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

#bd2a36 border color

This element has a border color of #bd2a36.

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

CSS codes

.text {color:#bd2a36;}

.background {background-color:#bd2a36;}

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

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, #0c0304 is the darkest color, while #fefbfc is the lightest one.

#0c0304
```
#0c0304 rgb(12,3,4)
```
#1d0608
```
#1d0608 rgb(29,6,8)
```
#2d0a0d
```
#2d0a0d rgb(45,10,13)
```
#3d0d11
```
#3d0d11 rgb(61,13,17)
```
#4d1116
```
#4d1116 rgb(77,17,22)
```
#5d151a
```
#5d151a rgb(93,21,26)
```
#6d181f
```
#6d181f rgb(109,24,31)
```
#7d1c24
```
#7d1c24 rgb(125,28,36)
```
#8d1f28
```
#8d1f28 rgb(141,31,40)
```
#9d232d
```
#9d232d rgb(157,35,45)
```
#ad2631
```
#ad2631 rgb(173,38,49)
```
#bd2a36
```
#bd2a36 rgb(189,42,54)
```
#cd2e3b
```
#cd2e3b rgb(205,46,59)
```

Shade Color Variation

#d33b47
```
#d33b47 rgb(211,59,71)
```
#d74b56
```
#d74b56 rgb(215,75,86)
```
#db5b65
```
#db5b65 rgb(219,91,101)
```
#de6b74
```
#de6b74 rgb(222,107,116)
```
#e27b83
```
#e27b83 rgb(226,123,131)
```
#e58b92
```
#e58b92 rgb(229,139,146)
```
#e99ba1
```
#e99ba1 rgb(233,155,161)
```
#ecabb0
```
#ecabb0 rgb(236,171,176)
```
#f0bbc0
```
#f0bbc0 rgb(240,187,192)
```
#f4cbcf
```
#f4cbcf rgb(244,203,207)
```
#f7dbde
```
#f7dbde rgb(247,219,222)
```
#fbebed
```
#fbebed rgb(251,235,237)
```
#fefbfc
```
#fefbfc rgb(254,251,252)
```

Tint Color Variation

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

#767171
```
#767171 rgb(118,113,113)
```
#7f686a
```
#7f686a rgb(127,104,106)
```
#885f63
```
#885f63 rgb(136,95,99)
```
#91565b
```
#91565b rgb(145,86,91)
```
#994e54
```
#994e54 rgb(153,78,84)
```
#a2454c
```
#a2454c rgb(162,69,76)
```
#ab3c45
```
#ab3c45 rgb(171,60,69)
```
#b4333d
```
#b4333d rgb(180,51,61)
```
#bd2a36
```
#bd2a36 rgb(189,42,54)
```
#c6212f
```
#c6212f rgb(198,33,47)
```
#cf1827
```
#cf1827 rgb(207,24,39)
```
#d80f20
```
#d80f20 rgb(216,15,32)
```
#e10618
```
#e10618 rgb(225,6,24)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6b4e50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736b52 Protanopia 1% of men
#846736 Deuteranopia 1% of men
#c03638 Tritanopia 0.001% of the population

Trichromacy

#8e5348 Protanomaly 1% of men, 0.01% of women
#985036 Deuteranomaly 6% of men, 0.4% of women
#bf3237 Tritanomaly 0.01% of the population

#bd2a36 hex color

#bd2a36 Color Information

#bd2a36 Color Conversion

Color Schemes with #bd2a36

Alternatives to #bd2a36

#bd2a36 Preview

Shades and Tints of #bd2a36

Tones of #bd2a36

Color Blindness Simulator