#bd3a46 hex color

In a RGB color space, hex #bd3a46 is composed of 74.1% red, 22.7% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.3% magenta, 63% yellow and 25.9% black. It has a hue angle of 354.5 degrees, a saturation of 53% and a lightness of 48.4%. #bd3a46 color hex could be obtained by blending #ff748c with #7b0000. Closest websafe color is: #cc3333.

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

● #bd3a46 color description : Moderate red.

The hexadecimal color #bd3a46 has RGB values of R:189, G:58, B:70 and CMYK values of C:0, M:0.69, Y:0.63, K:0.26. Its decimal value is 12401222.

Hex triplet	bd3a46	`#bd3a46`
RGB Decimal	189, 58, 70	`rgb(189,58,70)`
RGB Percent	74.1, 22.7, 27.5	`rgb(74.1%,22.7%,27.5%)`
CMYK	0, 69, 63, 26
HSL	354.5°, 53, 48.4	`hsl(354.5,53%,48.4%)`
HSV (or HSB)	354.5°, 69.3, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.646, 52.886, 23.278
XYZ	23.606, 14.29, 7.309
xyY	0.522, 0.316, 14.29
CIE-LCH	44.646, 57.782, 23.757
CIE-LUV	44.646, 96.052, 15.402
Hunter-Lab	37.802, 45.313, 14.997
Binary	10111101, 00111010, 01000110

#bd3a46
```
#bd3a46 rgb(189,58,70)
```
#3abdb1
```
#3abdb1 rgb(58,189,177)
```

Complementary Color

#bd3a88
```
#bd3a88 rgb(189,58,136)
```
#bd3a46
```
#bd3a46 rgb(189,58,70)
```
#bd703a
```
#bd703a rgb(189,112,58)
```

Analogous Color

#3a88bd
```
#3a88bd rgb(58,136,189)
```
#bd3a46
```
#bd3a46 rgb(189,58,70)
```
#3abd70
```
#3abd70 rgb(58,189,112)
```

Split Complementary Color

#3a46bd
```
#3a46bd rgb(58,70,189)
```
#bd3a46
```
#bd3a46 rgb(189,58,70)
```
#46bd3a
```
#46bd3a rgb(70,189,58)
```

Triadic Color

#b13abd
```
#b13abd rgb(177,58,189)
```
#bd3a46
```
#bd3a46 rgb(189,58,70)
```
#46bd3a
```
#46bd3a rgb(70,189,58)
```
#3abdb1
```
#3abdb1 rgb(58,189,177)
```

Tetradic Color

#822830
```
#822830 rgb(130,40,48)
```
#962e38
```
#962e38 rgb(150,46,56)
```
#a9343f
```
#a9343f rgb(169,52,63)
```
#bd3a46
```
#bd3a46 rgb(189,58,70)
```
#c74955
```
#c74955 rgb(199,73,85)
```
#cd5d67
```
#cd5d67 rgb(205,93,103)
```
#d37079
```
#d37079 rgb(211,112,121)
```

Monochromatic Color

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

#bd3a67
```
#bd3a67 rgb(189,58,103)
```
#bd3a5c
```
#bd3a5c rgb(189,58,92)
```
#bd3a51
```
#bd3a51 rgb(189,58,81)
```
#bd3a46
```
#bd3a46 rgb(189,58,70)
```
#bd3a3b
```
#bd3a3b rgb(189,58,59)
```
#bd443a
```
#bd443a rgb(189,68,58)
```
#bd4f3a
```
#bd4f3a rgb(189,79,58)
```

Similar Colors

Text with hexadecimal color #bd3a46

This text has a font color of #bd3a46.

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

#bd3a46 background color

This paragraph has a background color of #bd3a46.

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

#bd3a46 border color

This element has a border color of #bd3a46.

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

CSS codes

.text {color:#bd3a46;}

.background {background-color:#bd3a46;}

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

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

#090303
```
#090303 rgb(9,3,3)
```
#180709
```
#180709 rgb(24,7,9)
```
#270c0e
```
#270c0e rgb(39,12,14)
```
#361114
```
#361114 rgb(54,17,20)
```
#45151a
```
#45151a rgb(69,21,26)
```
#541a1f
```
#541a1f rgb(84,26,31)
```
#631e25
```
#631e25 rgb(99,30,37)
```
#72232a
```
#72232a rgb(114,35,42)
```
#812830
```
#812830 rgb(129,40,48)
```
#902c35
```
#902c35 rgb(144,44,53)
```
#9f313b
```
#9f313b rgb(159,49,59)
```
#ae3540
```
#ae3540 rgb(174,53,64)
```
#bd3a46
```
#bd3a46 rgb(189,58,70)
```

Shade Color Variation

#c64551
```
#c64551 rgb(198,69,81)
```
#ca545f
```
#ca545f rgb(202,84,95)
```
#cf636d
```
#cf636d rgb(207,99,109)
```
#d4727b
```
#d4727b rgb(212,114,123)
```
#d88189
```
#d88189 rgb(216,129,137)
```
#dd9097
```
#dd9097 rgb(221,144,151)
```
#e19fa5
```
#e19fa5 rgb(225,159,165)
```
#e6aeb3
```
#e6aeb3 rgb(230,174,179)
```
#ebbdc1
```
#ebbdc1 rgb(235,189,193)
```
#efcccf
```
#efcccf rgb(239,204,207)
```
#f4dbdd
```
#f4dbdd rgb(244,219,221)
```
#f9eaeb
```
#f9eaeb rgb(249,234,235)
```
#fdf9f9
```
#fdf9f9 rgb(253,249,249)
```

Tint Color Variation

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

#847375
```
#847375 rgb(132,115,117)
```
#8e6a6d
```
#8e6a6d rgb(142,106,109)
```
#976065
```
#976065 rgb(151,96,101)
```
#a1575d
```
#a1575d rgb(161,87,93)
```
#aa4d56
```
#aa4d56 rgb(170,77,86)
```
#b4444e
```
#b4444e rgb(180,68,78)
```
#bd3a46
```
#bd3a46 rgb(189,58,70)
```
#c7313e
```
#c7313e rgb(199,49,62)
```
#d02736
```
#d02736 rgb(208,39,54)
```
#da1e2f
```
#da1e2f rgb(218,30,47)
```
#e31427
```
#e31427 rgb(227,20,39)
```
#ed0b1f
```
#ed0b1f rgb(237,11,31)
```
#f60117
```
#f60117 rgb(246,1,23)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#755b5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#777160 Protanopia 1% of men
#886c47 Deuteranopia 1% of men
#c04548 Tritanopia 0.001% of the population

Trichromacy

#905d57 Protanomaly 1% of men, 0.01% of women
#9b5a46 Deuteranomaly 6% of men, 0.4% of women
#be4147 Tritanomaly 0.01% of the population

#bd3a46 hex color

#bd3a46 Color Information

#bd3a46 Color Conversion

Color Schemes with #bd3a46

Alternatives to #bd3a46

#bd3a46 Preview

Shades and Tints of #bd3a46

Tones of #bd3a46

Color Blindness Simulator