#bd4257 hex color

In a RGB color space, hex #bd4257 is composed of 74.1% red, 25.9% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.1% magenta, 54% yellow and 25.9% black. It has a hue angle of 349.8 degrees, a saturation of 48.2% and a lightness of 50%. #bd4257 color hex could be obtained by blending #ff84ae 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

● #bd4257 color description : Moderate red.

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

Hex triplet	bd4257	`#bd4257`
RGB Decimal	189, 66, 87	`rgb(189,66,87)`
RGB Percent	74.1, 25.9, 34.1	`rgb(74.1%,25.9%,34.1%)`
CMYK	0, 65, 54, 26
HSL	349.8°, 48.2, 50	`hsl(349.8,48.2%,50%)`
HSV (or HSB)	349.8°, 65.1, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.185, 50.842, 14.946
XYZ	24.656, 15.406, 10.692
xyY	0.486, 0.304, 15.406
CIE-LCH	46.185, 52.993, 16.382
CIE-LUV	46.185, 86.948, 8.046
Hunter-Lab	39.25, 43.439, 11.325
Binary	10111101, 01000010, 01010111

#bd4257
```
#bd4257 rgb(189,66,87)
```
#42bda8
```
#42bda8 rgb(66,189,168)
```

Complementary Color

#bd4295
```
#bd4295 rgb(189,66,149)
```
#bd4257
```
#bd4257 rgb(189,66,87)
```
#bd6b42
```
#bd6b42 rgb(189,107,66)
```

Analogous Color

#4295bd
```
#4295bd rgb(66,149,189)
```
#bd4257
```
#bd4257 rgb(189,66,87)
```
#42bd6b
```
#42bd6b rgb(66,189,107)
```

Split Complementary Color

#4257bd
```
#4257bd rgb(66,87,189)
```
#bd4257
```
#bd4257 rgb(189,66,87)
```
#57bd42
```
#57bd42 rgb(87,189,66)
```

Triadic Color

#a842bd
```
#a842bd rgb(168,66,189)
```
#bd4257
```
#bd4257 rgb(189,66,87)
```
#57bd42
```
#57bd42 rgb(87,189,66)
```
#42bda8
```
#42bda8 rgb(66,189,168)
```

Tetradic Color

#842e3d
```
#842e3d rgb(132,46,61)
```
#973546
```
#973546 rgb(151,53,70)
```
#aa3b4e
```
#aa3b4e rgb(170,59,78)
```
#bd4257
```
#bd4257 rgb(189,66,87)
```
#c45568
```
#c45568 rgb(196,85,104)
```
#ca6879
```
#ca6879 rgb(202,104,121)
```
#d17b89
```
#d17b89 rgb(209,123,137)
```

Monochromatic Color

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

#bd4276
```
#bd4276 rgb(189,66,118)
```
#bd426c
```
#bd426c rgb(189,66,108)
```
#bd4261
```
#bd4261 rgb(189,66,97)
```
#bd4257
```
#bd4257 rgb(189,66,87)
```
#bd424d
```
#bd424d rgb(189,66,77)
```
#bd4243
```
#bd4243 rgb(189,66,67)
```
#bd4c42
```
#bd4c42 rgb(189,76,66)
```

Similar Colors

Text with hexadecimal color #bd4257

This text has a font color of #bd4257.

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

#bd4257 background color

This paragraph has a background color of #bd4257.

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

#bd4257 border color

This element has a border color of #bd4257.

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

CSS codes

.text {color:#bd4257;}

.background {background-color:#bd4257;}

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

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

#0f0507
```
#0f0507 rgb(15,5,7)
```
#1d0a0d
```
#1d0a0d rgb(29,10,13)
```
#2c0f14
```
#2c0f14 rgb(44,15,20)
```
#3a141b
```
#3a141b rgb(58,20,27)
```
#491921
```
#491921 rgb(73,25,33)
```
#571e28
```
#571e28 rgb(87,30,40)
```
#66242f
```
#66242f rgb(102,36,47)
```
#742936
```
#742936 rgb(116,41,54)
```
#832e3c
```
#832e3c rgb(131,46,60)
```
#913343
```
#913343 rgb(145,51,67)
```
#a0384a
```
#a0384a rgb(160,56,74)
```
#ae3d50
```
#ae3d50 rgb(174,61,80)
```
#bd4257
```
#bd4257 rgb(189,66,87)
```

Shade Color Variation

#c25164
```
#c25164 rgb(194,81,100)
```
#c75f71
```
#c75f71 rgb(199,95,113)
```
#cc6e7e
```
#cc6e7e rgb(204,110,126)
```
#d17c8b
```
#d17c8b rgb(209,124,139)
```
#d68b98
```
#d68b98 rgb(214,139,152)
```
#db99a5
```
#db99a5 rgb(219,153,165)
```
#e1a8b1
```
#e1a8b1 rgb(225,168,177)
```
#e6b6be
```
#e6b6be rgb(230,182,190)
```
#ebc5cb
```
#ebc5cb rgb(235,197,203)
```
#f0d3d8
```
#f0d3d8 rgb(240,211,216)
```
#f5e2e5
```
#f5e2e5 rgb(245,226,229)
```
#faf0f2
```
#faf0f2 rgb(250,240,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#827d7e
```
#827d7e rgb(130,125,126)
```
#8c7377
```
#8c7377 rgb(140,115,119)
```
#966971
```
#966971 rgb(150,105,113)
```
#a05f6a
```
#a05f6a rgb(160,95,106)
```
#a95664
```
#a95664 rgb(169,86,100)
```
#b34c5d
```
#b34c5d rgb(179,76,93)
```
#bd4257
```
#bd4257 rgb(189,66,87)
```
#c73851
```
#c73851 rgb(199,56,81)
```
#d12e4a
```
#d12e4a rgb(209,46,74)
```
#da2544
```
#da2544 rgb(218,37,68)
```
#e41b3d
```
#e41b3d rgb(228,27,61)
```
#ee1137
```
#ee1137 rgb(238,17,55)
```
#f80730
```
#f80730 rgb(248,7,48)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7a6165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777471 Protanopia 1% of men
#897057 Deuteranopia 1% of men
#bf4e52 Tritanopia 0.001% of the population

Trichromacy

#906267 Protanomaly 1% of men, 0.01% of women
#9c5f57 Deuteranomaly 6% of men, 0.4% of women
#be4954 Tritanomaly 0.01% of the population

#bd4257 hex color

#bd4257 Color Information

#bd4257 Color Conversion

Color Schemes with #bd4257

Alternatives to #bd4257

#bd4257 Preview

Shades and Tints of #bd4257

Tones of #bd4257

Color Blindness Simulator