#bd3545 hex color

In a RGB color space, hex #bd3545 is composed of 74.1% red, 20.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72% magenta, 63.5% yellow and 25.9% black. It has a hue angle of 352.9 degrees, a saturation of 56.2% and a lightness of 47.5%. #bd3545 color hex could be obtained by blending #ff6a8a with #7b0000. Closest websafe color is: #cc3333.

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

● #bd3545 color description : Moderate red.

The hexadecimal color #bd3545 has RGB values of R:189, G:53, B:69 and CMYK values of C:0, M:0.72, Y:0.63, K:0.26. Its decimal value is 12399941.

Hex triplet	bd3545	`#bd3545`
RGB Decimal	189, 53, 69	`rgb(189,53,69)`
RGB Percent	74.1, 20.8, 27.1	`rgb(74.1%,20.8%,27.1%)`
CMYK	0, 72, 63, 26
HSL	352.9°, 56.2, 47.5	`hsl(352.9,56.2%,47.5%)`
HSV (or HSB)	352.9°, 72, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.941, 54.715, 22.981
XYZ	23.334, 13.797, 7.064
xyY	0.528, 0.312, 13.797
CIE-LCH	43.941, 59.346, 22.783
CIE-LUV	43.941, 98.997, 14.526
Hunter-Lab	37.145, 47.131, 14.725
Binary	10111101, 00110101, 01000101

#bd3545
```
#bd3545 rgb(189,53,69)
```
#35bdad
```
#35bdad rgb(53,189,173)
```

Complementary Color

#bd3589
```
#bd3589 rgb(189,53,137)
```
#bd3545
```
#bd3545 rgb(189,53,69)
```
#bd6935
```
#bd6935 rgb(189,105,53)
```

Analogous Color

#3589bd
```
#3589bd rgb(53,137,189)
```
#bd3545
```
#bd3545 rgb(189,53,69)
```
#35bd69
```
#35bd69 rgb(53,189,105)
```

Split Complementary Color

#3545bd
```
#3545bd rgb(53,69,189)
```
#bd3545
```
#bd3545 rgb(189,53,69)
```
#45bd35
```
#45bd35 rgb(69,189,53)
```

Triadic Color

#ad35bd
```
#ad35bd rgb(173,53,189)
```
#bd3545
```
#bd3545 rgb(189,53,69)
```
#45bd35
```
#45bd35 rgb(69,189,53)
```
#35bdad
```
#35bdad rgb(53,189,173)
```

Tetradic Color

#81242f
```
#81242f rgb(129,36,47)
```
#952a36
```
#952a36 rgb(149,42,54)
```
#a92f3e
```
#a92f3e rgb(169,47,62)
```
#bd3545
```
#bd3545 rgb(189,53,69)
```
#ca4252
```
#ca4252 rgb(202,66,82)
```
#cf5664
```
#cf5664 rgb(207,86,100)
```
#d56976
```
#d56976 rgb(213,105,118)
```

Monochromatic Color

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

#bd3567
```
#bd3567 rgb(189,53,103)
```
#bd355c
```
#bd355c rgb(189,53,92)
```
#bd3550
```
#bd3550 rgb(189,53,80)
```
#bd3545
```
#bd3545 rgb(189,53,69)
```
#bd353a
```
#bd353a rgb(189,53,58)
```
#bd3c35
```
#bd3c35 rgb(189,60,53)
```
#bd4735
```
#bd4735 rgb(189,71,53)
```

Similar Colors

Text with hexadecimal color #bd3545

This text has a font color of #bd3545.

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

#bd3545 background color

This paragraph has a background color of #bd3545.

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

#bd3545 border color

This element has a border color of #bd3545.

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

CSS codes

.text {color:#bd3545;}

.background {background-color:#bd3545;}

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

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

#050102
```
#050102 rgb(5,1,2)
```
#140607
```
#140607 rgb(20,6,7)
```
#240a0d
```
#240a0d rgb(36,10,13)
```
#330e13
```
#330e13 rgb(51,14,19)
```
#421318
```
#421318 rgb(66,19,24)
```
#52171e
```
#52171e rgb(82,23,30)
```
#611b23
```
#611b23 rgb(97,27,35)
```
#702029
```
#702029 rgb(112,32,41)
```
#80242f
```
#80242f rgb(128,36,47)
```
#8f2834
```
#8f2834 rgb(143,40,52)
```
#9e2c3a
```
#9e2c3a rgb(158,44,58)
```
#ae313f
```
#ae313f rgb(174,49,63)
```
#bd3545
```
#bd3545 rgb(189,53,69)
```

Shade Color Variation

#c93d4d
```
#c93d4d rgb(201,61,77)
```
#cd4c5b
```
#cd4c5b rgb(205,76,91)
```
#d15c69
```
#d15c69 rgb(209,92,105)
```
#d56b78
```
#d56b78 rgb(213,107,120)
```
#da7a86
```
#da7a86 rgb(218,122,134)
```
#de8a94
```
#de8a94 rgb(222,138,148)
```
#e299a2
```
#e299a2 rgb(226,153,162)
```
#e7a8b0
```
#e7a8b0 rgb(231,168,176)
```
#ebb8be
```
#ebb8be rgb(235,184,190)
```
#efc7cc
```
#efc7cc rgb(239,199,204)
```
#f4d6da
```
#f4d6da rgb(244,214,218)
```
#f8e6e8
```
#f8e6e8 rgb(248,230,232)
```
#fcf5f6
```
#fcf5f6 rgb(252,245,246)
```

Tint Color Variation

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

#7c7677
```
#7c7677 rgb(124,118,119)
```
#856d70
```
#856d70 rgb(133,109,112)
```
#8e6469
```
#8e6469 rgb(142,100,105)
```
#985a61
```
#985a61 rgb(152,90,97)
```
#a1515a
```
#a1515a rgb(161,81,90)
```
#aa4853
```
#aa4853 rgb(170,72,83)
```
#b43e4c
```
#b43e4c rgb(180,62,76)
```
#bd3545
```
#bd3545 rgb(189,53,69)
```
#c62c3e
```
#c62c3e rgb(198,44,62)
```
#d02237
```
#d02237 rgb(208,34,55)
```
#d91930
```
#d91930 rgb(217,25,48)
```
#e21029
```
#e21029 rgb(226,16,41)
```
#ec0621
```
#ec0621 rgb(236,6,33)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#72575a Atypical Achromatopsia 0.001% of the population

Dichromacy

#756f60 Protanopia 1% of men
#866b45 Deuteranopia 1% of men
#bf4144 Tritanopia 0.001% of the population

Trichromacy

#8f5a56 Protanomaly 1% of men, 0.01% of women
#9a5745 Deuteranomaly 6% of men, 0.4% of women
#be3c44 Tritanomaly 0.01% of the population

#bd3545 hex color

#bd3545 Color Information

#bd3545 Color Conversion

Color Schemes with #bd3545

Alternatives to #bd3545

#bd3545 Preview

Shades and Tints of #bd3545

Tones of #bd3545

Color Blindness Simulator