#bd304d hex color

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

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

● #bd304d color description : Moderate red.

The hexadecimal color #bd304d has RGB values of R:189, G:48, B:77 and CMYK values of C:0, M:0.75, Y:0.59, K:0.26. Its decimal value is 12398669.

Hex triplet	bd304d	`#bd304d`
RGB Decimal	189, 48, 77	`rgb(189,48,77)`
RGB Percent	74.1, 18.8, 30.2	`rgb(74.1%,18.8%,30.2%)`
CMYK	0, 75, 59, 26
HSL	347.7°, 59.5, 46.5	`hsl(347.7,59.5%,46.5%)`
HSV (or HSB)	347.7°, 74.6, 74.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.465, 56.987, 17.42
XYZ	23.384, 13.471, 8.39
xyY	0.517, 0.298, 13.471
CIE-LCH	43.465, 59.59, 16.997
CIE-LUV	43.465, 99.093, 8.716
Hunter-Lab	36.703, 49.493, 12.14
Binary	10111101, 00110000, 01001101

#bd304d
```
#bd304d rgb(189,48,77)
```
#30bda0
```
#30bda0 rgb(48,189,160)
```

Complementary Color

#bd3094
```
#bd3094 rgb(189,48,148)
```
#bd304d
```
#bd304d rgb(189,48,77)
```
#bd5a30
```
#bd5a30 rgb(189,90,48)
```

Analogous Color

#3094bd
```
#3094bd rgb(48,148,189)
```
#bd304d
```
#bd304d rgb(189,48,77)
```
#30bd5a
```
#30bd5a rgb(48,189,90)
```

Split Complementary Color

#304dbd
```
#304dbd rgb(48,77,189)
```
#bd304d
```
#bd304d rgb(189,48,77)
```
#4dbd30
```
#4dbd30 rgb(77,189,48)
```

Triadic Color

#a030bd
```
#a030bd rgb(160,48,189)
```
#bd304d
```
#bd304d rgb(189,48,77)
```
#4dbd30
```
#4dbd30 rgb(77,189,48)
```
#30bda0
```
#30bda0 rgb(48,189,160)
```

Tetradic Color

#802134
```
#802134 rgb(128,33,52)
```
#94263c
```
#94263c rgb(148,38,60)
```
#a92b45
```
#a92b45 rgb(169,43,69)
```
#bd304d
```
#bd304d rgb(189,48,77)
```
#cd3a58
```
#cd3a58 rgb(205,58,88)
```
#d24e69
```
#d24e69 rgb(210,78,105)
```
#d7627a
```
#d7627a rgb(215,98,122)
```

Monochromatic Color

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

#bd3070
```
#bd3070 rgb(189,48,112)
```
#bd3065
```
#bd3065 rgb(189,48,101)
```
#bd3059
```
#bd3059 rgb(189,48,89)
```
#bd304d
```
#bd304d rgb(189,48,77)
```
#bd3041
```
#bd3041 rgb(189,48,65)
```
#bd3035
```
#bd3035 rgb(189,48,53)
```
#bd3630
```
#bd3630 rgb(189,54,48)
```

Similar Colors

Text with hexadecimal color #bd304d

This text has a font color of #bd304d.

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

#bd304d background color

This paragraph has a background color of #bd304d.

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

#bd304d border color

This element has a border color of #bd304d.

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

CSS codes

.text {color:#bd304d;}

.background {background-color:#bd304d;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#110407
```
#110407 rgb(17,4,7)
```
#21080d
```
#21080d rgb(33,8,13)
```
#300c14
```
#300c14 rgb(48,12,20)
```
#40101a
```
#40101a rgb(64,16,26)
```
#501420
```
#501420 rgb(80,20,32)
```
#5f1827
```
#5f1827 rgb(95,24,39)
```
#6f1c2d
```
#6f1c2d rgb(111,28,45)
```
#7e2034
```
#7e2034 rgb(126,32,52)
```
#8e243a
```
#8e243a rgb(142,36,58)
```
#9e2840
```
#9e2840 rgb(158,40,64)
```
#ad2c47
```
#ad2c47 rgb(173,44,71)
```
#bd304d
```
#bd304d rgb(189,48,77)
```

Shade Color Variation

#cc3554
```
#cc3554 rgb(204,53,84)
```
#d04561
```
#d04561 rgb(208,69,97)
```
#d4546e
```
#d4546e rgb(212,84,110)
```
#d8647c
```
#d8647c rgb(216,100,124)
```
#dc7489
```
#dc7489 rgb(220,116,137)
```
#e08396
```
#e08396 rgb(224,131,150)
```
#e493a3
```
#e493a3 rgb(228,147,163)
```
#e7a2b1
```
#e7a2b1 rgb(231,162,177)
```
#ebb2be
```
#ebb2be rgb(235,178,190)
```
#efc2cb
```
#efc2cb rgb(239,194,203)
```
#f3d1d8
```
#f3d1d8 rgb(243,209,216)
```
#f7e1e6
```
#f7e1e6 rgb(247,225,230)
```
#fbf1f3
```
#fbf1f3 rgb(251,241,243)
```

Tint Color Variation

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

#7d7073
```
#7d7073 rgb(125,112,115)
```
#86676d
```
#86676d rgb(134,103,109)
```
#8f5e68
```
#8f5e68 rgb(143,94,104)
```
#995462
```
#995462 rgb(153,84,98)
```
#a24b5d
```
#a24b5d rgb(162,75,93)
```
#ab4258
```
#ab4258 rgb(171,66,88)
```
#b43952
```
#b43952 rgb(180,57,82)
```
#bd304d
```
#bd304d rgb(189,48,77)
```
#c62748
```
#c62748 rgb(198,39,72)
```
#cf1e42
```
#cf1e42 rgb(207,30,66)
```
#d8153d
```
#d8153d rgb(216,21,61)
```
#e10c38
```
#e10c38 rgb(225,12,56)
```
#eb0232
```
#eb0232 rgb(235,2,50)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#70545a Atypical Achromatopsia 0.001% of the population

Dichromacy

#716e6b Protanopia 1% of men
#836a4d Deuteranopia 1% of men
#bf3f41 Tritanopia 0.001% of the population

Trichromacy

#8c5760 Protanomaly 1% of men, 0.01% of women
#98554d Deuteranomaly 6% of men, 0.4% of women
#be3945 Tritanomaly 0.01% of the population

#bd304d hex color

#bd304d Color Information

#bd304d Color Conversion

Color Schemes with #bd304d

Alternatives to #bd304d

#bd304d Preview

Shades and Tints of #bd304d

Tones of #bd304d

Color Blindness Simulator