#bd4178 hex color

In a RGB color space, hex #bd4178 is composed of 74.1% red, 25.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.6% magenta, 36.5% yellow and 25.9% black. It has a hue angle of 333.4 degrees, a saturation of 48.8% and a lightness of 49.8%. #bd4178 color hex could be obtained by blending #ff82f0 with #7b0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 74
- G 25
- B 47
RGB color chart
- C 0
- M 66
- Y 37
- K 26
CMYK color chart

● #bd4178 color description : Moderate pink.

The hexadecimal color #bd4178 has RGB values of R:189, G:65, B:120 and CMYK values of C:0, M:0.66, Y:0.37, K:0.26. Its decimal value is 12403064.

Hex triplet	bd4178	`#bd4178`
RGB Decimal	189, 65, 120	`rgb(189,65,120)`
RGB Percent	74.1, 25.5, 47.1	`rgb(74.1%,25.5%,47.1%)`
CMYK	0, 66, 37, 26
HSL	333.4°, 48.8, 49.8	`hsl(333.4,48.8%,49.8%)`
HSV (or HSB)	333.4°, 65.6, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.919, 54.48, -4.186
XYZ	26.267, 15.958, 19.465
xyY	0.426, 0.259, 15.958
CIE-LCH	46.919, 54.64, 355.607
CIE-LUV	46.919, 77.107, -15.312
Hunter-Lab	39.947, 47.464, -0.927
Binary	10111101, 01000001, 01111000

#bd4178
```
#bd4178 rgb(189,65,120)
```
#41bd86
```
#41bd86 rgb(65,189,134)
```

Complementary Color

#bd41b6
```
#bd41b6 rgb(189,65,182)
```
#bd4178
```
#bd4178 rgb(189,65,120)
```
#bd4841
```
#bd4841 rgb(189,72,65)
```

Analogous Color

#41b6bd
```
#41b6bd rgb(65,182,189)
```
#bd4178
```
#bd4178 rgb(189,65,120)
```
#41bd48
```
#41bd48 rgb(65,189,72)
```

Split Complementary Color

#4178bd
```
#4178bd rgb(65,120,189)
```
#bd4178
```
#bd4178 rgb(189,65,120)
```
#78bd41
```
#78bd41 rgb(120,189,65)
```

Triadic Color

#8641bd
```
#8641bd rgb(134,65,189)
```
#bd4178
```
#bd4178 rgb(189,65,120)
```
#78bd41
```
#78bd41 rgb(120,189,65)
```
#41bd86
```
#41bd86 rgb(65,189,134)
```

Tetradic Color

#842d54
```
#842d54 rgb(132,45,84)
```
#973460
```
#973460 rgb(151,52,96)
```
#aa3a6c
```
#aa3a6c rgb(170,58,108)
```
#bd4178
```
#bd4178 rgb(189,65,120)
```
#c45385
```
#c45385 rgb(196,83,133)
```
#cb6693
```
#cb6693 rgb(203,102,147)
```
#d179a0
```
#d179a0 rgb(209,121,160)
```

Monochromatic Color

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

#bd4197
```
#bd4197 rgb(189,65,151)
```
#bd418d
```
#bd418d rgb(189,65,141)
```
#bd4182
```
#bd4182 rgb(189,65,130)
```
#bd4178
```
#bd4178 rgb(189,65,120)
```
#bd416e
```
#bd416e rgb(189,65,110)
```
#bd4163
```
#bd4163 rgb(189,65,99)
```
#bd4159
```
#bd4159 rgb(189,65,89)
```

Similar Colors

Text with hexadecimal color #bd4178

This text has a font color of #bd4178.

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

#bd4178 background color

This paragraph has a background color of #bd4178.

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

#bd4178 border color

This element has a border color of #bd4178.

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

CSS codes

.text {color:#bd4178;}

.background {background-color:#bd4178;}

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

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

#0e0509
```
#0e0509 rgb(14,5,9)
```
#1c0a12
```
#1c0a12 rgb(28,10,18)
```
#2b0f1b
```
#2b0f1b rgb(43,15,27)
```
#3a1425
```
#3a1425 rgb(58,20,37)
```
#48192e
```
#48192e rgb(72,25,46)
```
#571e37
```
#571e37 rgb(87,30,55)
```
#652340
```
#652340 rgb(101,35,64)
```
#74284a
```
#74284a rgb(116,40,74)
```
#832d53
```
#832d53 rgb(131,45,83)
```
#91325c
```
#91325c rgb(145,50,92)
```
#a03765
```
#a03765 rgb(160,55,101)
```
#ae3c6f
```
#ae3c6f rgb(174,60,111)
```
#bd4178
```
#bd4178 rgb(189,65,120)
```

Shade Color Variation

#c34f82
```
#c34f82 rgb(195,79,130)
```
#c85e8d
```
#c85e8d rgb(200,94,141)
```
#cd6c97
```
#cd6c97 rgb(205,108,151)
```
#d27ba1
```
#d27ba1 rgb(210,123,161)
```
#d789ac
```
#d789ac rgb(215,137,172)
```
#dc98b6
```
#dc98b6 rgb(220,152,182)
```
#e1a7c0
```
#e1a7c0 rgb(225,167,192)
```
#e6b5cb
```
#e6b5cb rgb(230,181,203)
```
#ebc4d5
```
#ebc4d5 rgb(235,196,213)
```
#f0d2df
```
#f0d2df rgb(240,210,223)
```
#f5e1ea
```
#f5e1ea rgb(245,225,234)
```
#faf0f4
```
#faf0f4 rgb(250,240,244)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#827c7f
```
#827c7f rgb(130,124,127)
```
#8c727e
```
#8c727e rgb(140,114,126)
```
#96687c
```
#96687c rgb(150,104,124)
```
#a05e7b
```
#a05e7b rgb(160,94,123)
```
#a9557a
```
#a9557a rgb(169,85,122)
```
#b34b79
```
#b34b79 rgb(179,75,121)
```
#bd4178
```
#bd4178 rgb(189,65,120)
```
#c73777
```
#c73777 rgb(199,55,119)
```
#d12d76
```
#d12d76 rgb(209,45,118)
```
#da2475
```
#da2475 rgb(218,36,117)
```
#e41a74
```
#e41a74 rgb(228,26,116)
```
#ee1072
```
#ee1072 rgb(238,16,114)
```
#f80671
```
#f80671 rgb(248,6,113)
```

Tone Color Variation

Below, you can see how #bd4178 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
#7c636e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7596 Protanopia 1% of men
#817375 Deuteranopia 1% of men
#bd5358 Tritanopia 0.001% of the population

Trichromacy

#8a628b Protanomaly 1% of men, 0.01% of women
#976076 Deuteranomaly 6% of men, 0.4% of women
#bd4d64 Tritanomaly 0.01% of the population

#bd4178 hex color

#bd4178 Color Information

#bd4178 Color Conversion

Color Schemes with #bd4178

Alternatives to #bd4178

#bd4178 Preview

Shades and Tints of #bd4178

Tones of #bd4178

Color Blindness Simulator