#bd4563 hex color

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

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

● #bd4563 color description : Moderate red.

The hexadecimal color #bd4563 has RGB values of R:189, G:69, B:99 and CMYK values of C:0, M:0.63, Y:0.48, K:0.26. Its decimal value is 12404067.

Hex triplet	bd4563	`#bd4563`
RGB Decimal	189, 69, 99	`rgb(189,69,99)`
RGB Percent	74.1, 27.1, 38.8	`rgb(74.1%,27.1%,38.8%)`
CMYK	0, 63, 48, 26
HSL	345°, 47.6, 50.6	`hsl(345,47.6%,50.6%)`
HSV (or HSB)	345°, 63.5, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.946, 50.601, 8.671
XYZ	25.367, 15.978, 13.552
xyY	0.462, 0.291, 15.978
CIE-LCH	46.946, 51.338, 9.724
CIE-LUV	46.946, 81.832, 1.269
Hunter-Lab	39.973, 43.325, 7.88
Binary	10111101, 01000101, 01100011

#bd4563
```
#bd4563 rgb(189,69,99)
```
#45bd9f
```
#45bd9f rgb(69,189,159)
```

Complementary Color

#bd459f
```
#bd459f rgb(189,69,159)
```
#bd4563
```
#bd4563 rgb(189,69,99)
```
#bd6345
```
#bd6345 rgb(189,99,69)
```

Analogous Color

#459fbd
```
#459fbd rgb(69,159,189)
```
#bd4563
```
#bd4563 rgb(189,69,99)
```
#45bd63
```
#45bd63 rgb(69,189,99)
```

Split Complementary Color

#4563bd
```
#4563bd rgb(69,99,189)
```
#bd4563
```
#bd4563 rgb(189,69,99)
```
#63bd45
```
#63bd45 rgb(99,189,69)
```

Triadic Color

#9f45bd
```
#9f45bd rgb(159,69,189)
```
#bd4563
```
#bd4563 rgb(189,69,99)
```
#63bd45
```
#63bd45 rgb(99,189,69)
```
#45bd9f
```
#45bd9f rgb(69,189,159)
```

Tetradic Color

#863045
```
#863045 rgb(134,48,69)
```
#99364f
```
#99364f rgb(153,54,79)
```
#ac3d59
```
#ac3d59 rgb(172,61,89)
```
#bd4563
```
#bd4563 rgb(189,69,99)
```
#c45873
```
#c45873 rgb(196,88,115)
```
#ca6b83
```
#ca6b83 rgb(202,107,131)
```
#d17d92
```
#d17d92 rgb(209,125,146)
```

Monochromatic Color

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

#bd4581
```
#bd4581 rgb(189,69,129)
```
#bd4577
```
#bd4577 rgb(189,69,119)
```
#bd456d
```
#bd456d rgb(189,69,109)
```
#bd4563
```
#bd4563 rgb(189,69,99)
```
#bd4559
```
#bd4559 rgb(189,69,89)
```
#bd454f
```
#bd454f rgb(189,69,79)
```
#bd4545
```
#bd4545 rgb(189,69,69)
```

Similar Colors

Text with hexadecimal color #bd4563

This text has a font color of #bd4563.

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

#bd4563 background color

This paragraph has a background color of #bd4563.

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

#bd4563 border color

This element has a border color of #bd4563.

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

CSS codes

.text {color:#bd4563;}

.background {background-color:#bd4563;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110609
```
#110609 rgb(17,6,9)
```
#1f0b10
```
#1f0b10 rgb(31,11,16)
```
#2e1018
```
#2e1018 rgb(46,16,24)
```
#3c151f
```
#3c151f rgb(60,21,31)
```
#4b1a27
```
#4b1a27 rgb(75,26,39)
```
#59202e
```
#59202e rgb(89,32,46)
```
#682535
```
#682535 rgb(104,37,53)
```
#762a3d
```
#762a3d rgb(118,42,61)
```
#852f44
```
#852f44 rgb(133,47,68)
```
#93344c
```
#93344c rgb(147,52,76)
```
#a13953
```
#a13953 rgb(161,57,83)
```
#b03e5b
```
#b03e5b rgb(176,62,91)
```

Shade Color Variation

#bd4563
```
#bd4563 rgb(189,69,99)
```
#c2536f
```
#c2536f rgb(194,83,111)
```
#c7627b
```
#c7627b rgb(199,98,123)
```
#cc7087
```
#cc7087 rgb(204,112,135)
```
#d27f94
```
#d27f94 rgb(210,127,148)
```
#d78da0
```
#d78da0 rgb(215,141,160)
```
#dc9cac
```
#dc9cac rgb(220,156,172)
```
#e1aab8
```
#e1aab8 rgb(225,170,184)
```
#e6b9c4
```
#e6b9c4 rgb(230,185,196)
```
#ebc7d0
```
#ebc7d0 rgb(235,199,208)
```
#f0d6dc
```
#f0d6dc rgb(240,214,220)
```
#f6e4e9
```
#f6e4e9 rgb(246,228,233)
```
#fbf3f5
```
#fbf3f5 rgb(251,243,245)
```

Tint Color Variation

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

#837f80
```
#837f80 rgb(131,127,128)
```
#8d757b
```
#8d757b rgb(141,117,123)
```
#966c76
```
#966c76 rgb(150,108,118)
```
#a06272
```
#a06272 rgb(160,98,114)
```
#aa586d
```
#aa586d rgb(170,88,109)
```
#b34f68
```
#b34f68 rgb(179,79,104)
```
#bd4563
```
#bd4563 rgb(189,69,99)
```
#c73b5e
```
#c73b5e rgb(199,59,94)
```
#d03259
```
#d03259 rgb(208,50,89)
```
#da2854
```
#da2854 rgb(218,40,84)
```
#e41e50
```
#e41e50 rgb(228,30,80)
```
#ed154b
```
#ed154b rgb(237,21,75)
```
#f70b46
```
#f70b46 rgb(247,11,70)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7c646a Atypical Achromatopsia 0.001% of the population

Dichromacy

#76767e Protanopia 1% of men
#887263 Deuteranopia 1% of men
#bf5257 Tritanopia 0.001% of the population

Trichromacy

#906474 Protanomaly 1% of men, 0.01% of women
#9b6163 Deuteranomaly 6% of men, 0.4% of women
#be4d5b Tritanomaly 0.01% of the population

#bd4563 hex color

#bd4563 Color Information

#bd4563 Color Conversion

Color Schemes with #bd4563

Alternatives to #bd4563

#bd4563 Preview

Shades and Tints of #bd4563

Tones of #bd4563

Color Blindness Simulator