#bd305c hex color

In a RGB color space, hex #bd305c is composed of 74.1% red, 18.8% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.6% magenta, 51.3% yellow and 25.9% black. It has a hue angle of 341.3 degrees, a saturation of 59.5% and a lightness of 46.5%. #bd305c color hex could be obtained by blending #ff60b8 with #7b0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 74
- G 19
- B 36
RGB color chart
- C 0
- M 75
- Y 51
- K 26
CMYK color chart

● #bd305c color description : Moderate pink.

The hexadecimal color #bd305c has RGB values of R:189, G:48, B:92 and CMYK values of C:0, M:0.75, Y:0.51, K:0.26. Its decimal value is 12398684.

Hex triplet	bd305c	`#bd305c`
RGB Decimal	189, 48, 92	`rgb(189,48,92)`
RGB Percent	74.1, 18.8, 36.1	`rgb(74.1%,18.8%,36.1%)`
CMYK	0, 75, 51, 26
HSL	341.3°, 59.5, 46.5	`hsl(341.3,59.5%,46.5%)`
HSV (or HSB)	341.3°, 74.6, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.811, 58.116, 8.562
XYZ	23.976, 13.708, 11.508
xyY	0.487, 0.279, 13.708
CIE-LCH	43.811, 58.743, 8.381
CIE-LUV	43.811, 94.126, -0.701
Hunter-Lab	37.024, 50.798, 7.488
Binary	10111101, 00110000, 01011100

#bd305c
```
#bd305c rgb(189,48,92)
```
#30bd91
```
#30bd91 rgb(48,189,145)
```

Complementary Color

#bd30a3
```
#bd30a3 rgb(189,48,163)
```
#bd305c
```
#bd305c rgb(189,48,92)
```
#bd4b30
```
#bd4b30 rgb(189,75,48)
```

Analogous Color

#30a3bd
```
#30a3bd rgb(48,163,189)
```
#bd305c
```
#bd305c rgb(189,48,92)
```
#30bd4b
```
#30bd4b rgb(48,189,75)
```

Split Complementary Color

#305cbd
```
#305cbd rgb(48,92,189)
```
#bd305c
```
#bd305c rgb(189,48,92)
```
#5cbd30
```
#5cbd30 rgb(92,189,48)
```

Triadic Color

#9130bd
```
#9130bd rgb(145,48,189)
```
#bd305c
```
#bd305c rgb(189,48,92)
```
#5cbd30
```
#5cbd30 rgb(92,189,48)
```
#30bd91
```
#30bd91 rgb(48,189,145)
```

Tetradic Color

#80213e
```
#80213e rgb(128,33,62)
```
#942648
```
#942648 rgb(148,38,72)
```
#a92b52
```
#a92b52 rgb(169,43,82)
```
#bd305c
```
#bd305c rgb(189,48,92)
```
#cd3a68
```
#cd3a68 rgb(205,58,104)
```
#d24e77
```
#d24e77 rgb(210,78,119)
```
#d76287
```
#d76287 rgb(215,98,135)
```

Monochromatic Color

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

#bd307f
```
#bd307f rgb(189,48,127)
```
#bd3074
```
#bd3074 rgb(189,48,116)
```
#bd3068
```
#bd3068 rgb(189,48,104)
```
#bd305c
```
#bd305c rgb(189,48,92)
```
#bd3050
```
#bd3050 rgb(189,48,80)
```
#bd3044
```
#bd3044 rgb(189,48,68)
```
#bd3039
```
#bd3039 rgb(189,48,57)
```

Similar Colors

Text with hexadecimal color #bd305c

This text has a font color of #bd305c.

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

#bd305c background color

This paragraph has a background color of #bd305c.

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

#bd305c border color

This element has a border color of #bd305c.

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

CSS codes

.text {color:#bd305c;}

.background {background-color:#bd305c;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#110408
```
#110408 rgb(17,4,8)
```
#210810
```
#210810 rgb(33,8,16)
```
#300c17
```
#300c17 rgb(48,12,23)
```
#40101f
```
#40101f rgb(64,16,31)
```
#501427
```
#501427 rgb(80,20,39)
```
#5f182e
```
#5f182e rgb(95,24,46)
```
#6f1c36
```
#6f1c36 rgb(111,28,54)
```
#7e203e
```
#7e203e rgb(126,32,62)
```
#8e2445
```
#8e2445 rgb(142,36,69)
```
#9e284d
```
#9e284d rgb(158,40,77)
```
#ad2c54
```
#ad2c54 rgb(173,44,84)
```
#bd305c
```
#bd305c rgb(189,48,92)
```

Shade Color Variation

#cc3564
```
#cc3564 rgb(204,53,100)
```
#d04570
```
#d04570 rgb(208,69,112)
```
#d4547c
```
#d4547c rgb(212,84,124)
```
#d86488
```
#d86488 rgb(216,100,136)
```
#dc7494
```
#dc7494 rgb(220,116,148)
```
#e083a0
```
#e083a0 rgb(224,131,160)
```
#e493ac
```
#e493ac rgb(228,147,172)
```
#e7a2b8
```
#e7a2b8 rgb(231,162,184)
```
#ebb2c4
```
#ebb2c4 rgb(235,178,196)
```
#efc2d0
```
#efc2d0 rgb(239,194,208)
```
#f3d1dc
```
#f3d1dc rgb(243,209,220)
```
#f7e1e8
```
#f7e1e8 rgb(247,225,232)
```
#fbf1f4
```
#fbf1f4 rgb(251,241,244)
```

Tint Color Variation

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

#7d7074
```
#7d7074 rgb(125,112,116)
```
#866771
```
#866771 rgb(134,103,113)
```
#8f5e6d
```
#8f5e6d rgb(143,94,109)
```
#99546a
```
#99546a rgb(153,84,106)
```
#a24b66
```
#a24b66 rgb(162,75,102)
```
#ab4263
```
#ab4263 rgb(171,66,99)
```
#b4395f
```
#b4395f rgb(180,57,95)
```
#bd305c
```
#bd305c rgb(189,48,92)
```
#c62759
```
#c62759 rgb(198,39,89)
```
#cf1e55
```
#cf1e55 rgb(207,30,85)
```
#d81552
```
#d81552 rgb(216,21,82)
```
#e10c4e
```
#e10c4e rgb(225,12,78)
```
#eb024b
```
#eb024b rgb(235,2,75)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#72565e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6e7c Protanopia 1% of men
#806b5b Deuteranopia 1% of men
#be4245 Tritanopia 0.001% of the population

Trichromacy

#8a5770 Protanomaly 1% of men, 0.01% of women
#96555b Deuteranomaly 6% of men, 0.4% of women
#be3b4d Tritanomaly 0.01% of the population

#bd305c hex color

#bd305c Color Information

#bd305c Color Conversion

Color Schemes with #bd305c

Alternatives to #bd305c

#bd305c Preview

Shades and Tints of #bd305c

Tones of #bd305c

Color Blindness Simulator