#bd4557 hex color

In a RGB color space, hex #bd4557 is composed of 74.1% red, 27.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.5% magenta, 54% yellow and 25.9% black. It has a hue angle of 351 degrees, a saturation of 47.6% and a lightness of 50.6%. #bd4557 color hex could be obtained by blending #ff8aae with #7b0000. Closest websafe color is: #cc3366.

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

● #bd4557 color description : Moderate red.

The hexadecimal color #bd4557 has RGB values of R:189, G:69, B:87 and CMYK values of C:0, M:0.63, Y:0.54, K:0.26. Its decimal value is 12404055.

Hex triplet	bd4557	`#bd4557`
RGB Decimal	189, 69, 87	`rgb(189,69,87)`
RGB Percent	74.1, 27.1, 34.1	`rgb(74.1%,27.1%,34.1%)`
CMYK	0, 63, 54, 26
HSL	351°, 47.6, 50.6	`hsl(351,47.6%,50.6%)`
HSV (or HSB)	351°, 63.5, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.666, 49.545, 15.602
XYZ	24.835, 15.766, 10.752
xyY	0.484, 0.307, 15.766
CIE-LCH	46.666, 51.943, 17.48
CIE-LUV	46.666, 85.263, 9.09
Hunter-Lab	39.706, 42.163, 11.74
Binary	10111101, 01000101, 01010111

#bd4557
```
#bd4557 rgb(189,69,87)
```
#45bdab
```
#45bdab rgb(69,189,171)
```

Complementary Color

#bd4593
```
#bd4593 rgb(189,69,147)
```
#bd4557
```
#bd4557 rgb(189,69,87)
```
#bd6f45
```
#bd6f45 rgb(189,111,69)
```

Analogous Color

#4593bd
```
#4593bd rgb(69,147,189)
```
#bd4557
```
#bd4557 rgb(189,69,87)
```
#45bd6f
```
#45bd6f rgb(69,189,111)
```

Split Complementary Color

#4557bd
```
#4557bd rgb(69,87,189)
```
#bd4557
```
#bd4557 rgb(189,69,87)
```
#57bd45
```
#57bd45 rgb(87,189,69)
```

Triadic Color

#ab45bd
```
#ab45bd rgb(171,69,189)
```
#bd4557
```
#bd4557 rgb(189,69,87)
```
#57bd45
```
#57bd45 rgb(87,189,69)
```
#45bdab
```
#45bdab rgb(69,189,171)
```

Tetradic Color

#86303d
```
#86303d rgb(134,48,61)
```
#993645
```
#993645 rgb(153,54,69)
```
#ac3d4e
```
#ac3d4e rgb(172,61,78)
```
#bd4557
```
#bd4557 rgb(189,69,87)
```
#c45868
```
#c45868 rgb(196,88,104)
```
#ca6b79
```
#ca6b79 rgb(202,107,121)
```
#d17d8a
```
#d17d8a rgb(209,125,138)
```

Monochromatic Color

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

#bd4575
```
#bd4575 rgb(189,69,117)
```
#bd456b
```
#bd456b rgb(189,69,107)
```
#bd4561
```
#bd4561 rgb(189,69,97)
```
#bd4557
```
#bd4557 rgb(189,69,87)
```
#bd454d
```
#bd454d rgb(189,69,77)
```
#bd4745
```
#bd4745 rgb(189,71,69)
```
#bd5145
```
#bd5145 rgb(189,81,69)
```

Similar Colors

Text with hexadecimal color #bd4557

This text has a font color of #bd4557.

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

#bd4557 background color

This paragraph has a background color of #bd4557.

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

#bd4557 border color

This element has a border color of #bd4557.

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

CSS codes

.text {color:#bd4557;}

.background {background-color:#bd4557;}

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

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 #fbf3f4 is the lightest one.

#020101
```
#020101 rgb(2,1,1)
```
#110608
```
#110608 rgb(17,6,8)
```
#1f0b0e
```
#1f0b0e rgb(31,11,14)
```
#2e1015
```
#2e1015 rgb(46,16,21)
```
#3c151b
```
#3c151b rgb(60,21,27)
```
#4b1a22
```
#4b1a22 rgb(75,26,34)
```
#592028
```
#592028 rgb(89,32,40)
```
#68252f
```
#68252f rgb(104,37,47)
```
#762a35
```
#762a35 rgb(118,42,53)
```
#852f3c
```
#852f3c rgb(133,47,60)
```
#933442
```
#933442 rgb(147,52,66)
```
#a13949
```
#a13949 rgb(161,57,73)
```
#b03e4f
```
#b03e4f rgb(176,62,79)
```

Shade Color Variation

#bd4557
```
#bd4557 rgb(189,69,87)
```
#c25364
```
#c25364 rgb(194,83,100)
```
#c76271
```
#c76271 rgb(199,98,113)
```
#cc707e
```
#cc707e rgb(204,112,126)
```
#d27f8b
```
#d27f8b rgb(210,127,139)
```
#d78d98
```
#d78d98 rgb(215,141,152)
```
#dc9ca5
```
#dc9ca5 rgb(220,156,165)
```
#e1aab3
```
#e1aab3 rgb(225,170,179)
```
#e6b9c0
```
#e6b9c0 rgb(230,185,192)
```
#ebc7cd
```
#ebc7cd rgb(235,199,205)
```
#f0d6da
```
#f0d6da rgb(240,214,218)
```
#f6e4e7
```
#f6e4e7 rgb(246,228,231)
```
#fbf3f4
```
#fbf3f4 rgb(251,243,244)
```

Tint Color Variation

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

#837f80
```
#837f80 rgb(131,127,128)
```
#8d7579
```
#8d7579 rgb(141,117,121)
```
#966c72
```
#966c72 rgb(150,108,114)
```
#a0626b
```
#a0626b rgb(160,98,107)
```
#aa5865
```
#aa5865 rgb(170,88,101)
```
#b34f5e
```
#b34f5e rgb(179,79,94)
```
#bd4557
```
#bd4557 rgb(189,69,87)
```
#c73b50
```
#c73b50 rgb(199,59,80)
```
#d03249
```
#d03249 rgb(208,50,73)
```
#da2843
```
#da2843 rgb(218,40,67)
```
#e41e3c
```
#e41e3c rgb(228,30,60)
```
#ed1535
```
#ed1535 rgb(237,21,53)
```
#f70b2e
```
#f70b2e rgb(247,11,46)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b6367 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797570 Protanopia 1% of men
#8a7158 Deuteranopia 1% of men
#bf5055 Tritanopia 0.001% of the population

Trichromacy

#916367 Protanomaly 1% of men, 0.01% of women
#9d6157 Deuteranomaly 6% of men, 0.4% of women
#be4c55 Tritanomaly 0.01% of the population

#bd4557 hex color

#bd4557 Color Information

#bd4557 Color Conversion

Color Schemes with #bd4557

Alternatives to #bd4557

#bd4557 Preview

Shades and Tints of #bd4557

Tones of #bd4557

Color Blindness Simulator