#bd4357 hex color

In a RGB color space, hex #bd4357 is composed of 74.1% red, 26.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.6% magenta, 54% yellow and 25.9% black. It has a hue angle of 350.2 degrees, a saturation of 48% and a lightness of 50.2%. #bd4357 color hex could be obtained by blending #ff86ae with #7b0000. Closest websafe color is: #cc3366.

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

● #bd4357 color description : Moderate red.

The hexadecimal color #bd4357 has RGB values of R:189, G:67, B:87 and CMYK values of C:0, M:0.65, Y:0.54, K:0.26. Its decimal value is 12403543.

Hex triplet	bd4357	`#bd4357`
RGB Decimal	189, 67, 87	`rgb(189,67,87)`
RGB Percent	74.1, 26.3, 34.1	`rgb(74.1%,26.3%,34.1%)`
CMYK	0, 65, 54, 26
HSL	350.2°, 48, 50.2	`hsl(350.2,48%,50.2%)`
HSV (or HSB)	350.2°, 64.6, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.343, 50.414, 15.163
XYZ	24.714, 15.524, 10.711
xyY	0.485, 0.305, 15.524
CIE-LCH	46.343, 52.645, 16.739
CIE-LUV	46.343, 86.392, 8.39
Hunter-Lab	39.4, 43.017, 11.462
Binary	10111101, 01000011, 01010111

#bd4357
```
#bd4357 rgb(189,67,87)
```
#43bda9
```
#43bda9 rgb(67,189,169)
```

Complementary Color

#bd4394
```
#bd4394 rgb(189,67,148)
```
#bd4357
```
#bd4357 rgb(189,67,87)
```
#bd6c43
```
#bd6c43 rgb(189,108,67)
```

Analogous Color

#4394bd
```
#4394bd rgb(67,148,189)
```
#bd4357
```
#bd4357 rgb(189,67,87)
```
#43bd6c
```
#43bd6c rgb(67,189,108)
```

Split Complementary Color

#4357bd
```
#4357bd rgb(67,87,189)
```
#bd4357
```
#bd4357 rgb(189,67,87)
```
#57bd43
```
#57bd43 rgb(87,189,67)
```

Triadic Color

#a943bd
```
#a943bd rgb(169,67,189)
```
#bd4357
```
#bd4357 rgb(189,67,87)
```
#57bd43
```
#57bd43 rgb(87,189,67)
```
#43bda9
```
#43bda9 rgb(67,189,169)
```

Tetradic Color

#852f3d
```
#852f3d rgb(133,47,61)
```
#983545
```
#983545 rgb(152,53,69)
```
#ab3c4e
```
#ab3c4e rgb(171,60,78)
```
#bd4357
```
#bd4357 rgb(189,67,87)
```
#c45668
```
#c45668 rgb(196,86,104)
```
#ca6979
```
#ca6979 rgb(202,105,121)
```
#d17c8a
```
#d17c8a rgb(209,124,138)
```

Monochromatic Color

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

#bd4376
```
#bd4376 rgb(189,67,118)
```
#bd436b
```
#bd436b rgb(189,67,107)
```
#bd4361
```
#bd4361 rgb(189,67,97)
```
#bd4357
```
#bd4357 rgb(189,67,87)
```
#bd434d
```
#bd434d rgb(189,67,77)
```
#bd4343
```
#bd4343 rgb(189,67,67)
```
#bd4e43
```
#bd4e43 rgb(189,78,67)
```

Similar Colors

Text with hexadecimal color #bd4357

This text has a font color of #bd4357.

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

#bd4357 background color

This paragraph has a background color of #bd4357.

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

#bd4357 border color

This element has a border color of #bd4357.

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

CSS codes

.text {color:#bd4357;}

.background {background-color:#bd4357;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#0f0507
```
#0f0507 rgb(15,5,7)
```
#1e0a0e
```
#1e0a0e rgb(30,10,14)
```
#2c1014
```
#2c1014 rgb(44,16,20)
```
#3b151b
```
#3b151b rgb(59,21,27)
```
#491a22
```
#491a22 rgb(73,26,34)
```
#581f28
```
#581f28 rgb(88,31,40)
```
#66242f
```
#66242f rgb(102,36,47)
```
#752935
```
#752935 rgb(117,41,53)
```
#832e3c
```
#832e3c rgb(131,46,60)
```
#923343
```
#923343 rgb(146,51,67)
```
#a03849
```
#a03849 rgb(160,56,73)
```
#af3d50
```
#af3d50 rgb(175,61,80)
```

Shade Color Variation

#bd4357
```
#bd4357 rgb(189,67,87)
```
#c25264
```
#c25264 rgb(194,82,100)
```
#c76071
```
#c76071 rgb(199,96,113)
```
#cc6f7e
```
#cc6f7e rgb(204,111,126)
```
#d17d8b
```
#d17d8b rgb(209,125,139)
```
#d68c98
```
#d68c98 rgb(214,140,152)
```
#dc9aa5
```
#dc9aa5 rgb(220,154,165)
```
#e1a9b2
```
#e1a9b2 rgb(225,169,178)
```
#e6b7bf
```
#e6b7bf rgb(230,183,191)
```
#ebc6cc
```
#ebc6cc rgb(235,198,204)
```
#f0d4d9
```
#f0d4d9 rgb(240,212,217)
```
#f5e3e6
```
#f5e3e6 rgb(245,227,230)
```
#faf1f3
```
#faf1f3 rgb(250,241,243)
```

Tint Color Variation

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

#827e7e
```
#827e7e rgb(130,126,126)
```
#8c7478
```
#8c7478 rgb(140,116,120)
```
#966a71
```
#966a71 rgb(150,106,113)
```
#a0606b
```
#a0606b rgb(160,96,107)
```
#a95764
```
#a95764 rgb(169,87,100)
```
#b34d5e
```
#b34d5e rgb(179,77,94)
```
#bd4357
```
#bd4357 rgb(189,67,87)
```
#c73950
```
#c73950 rgb(199,57,80)
```
#d12f4a
```
#d12f4a rgb(209,47,74)
```
#da2643
```
#da2643 rgb(218,38,67)
```
#e41c3d
```
#e41c3d rgb(228,28,61)
```
#ee1236
```
#ee1236 rgb(238,18,54)
```
#f80830
```
#f80830 rgb(248,8,48)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7b6266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787471 Protanopia 1% of men
#897057 Deuteranopia 1% of men
#bf4f53 Tritanopia 0.001% of the population

Trichromacy

#916267 Protanomaly 1% of men, 0.01% of women
#9c6057 Deuteranomaly 6% of men, 0.4% of women
#be4a54 Tritanomaly 0.01% of the population

#bd4357 hex color

#bd4357 Color Information

#bd4357 Color Conversion

Color Schemes with #bd4357

Alternatives to #bd4357

#bd4357 Preview

Shades and Tints of #bd4357

Tones of #bd4357

Color Blindness Simulator