#bd3946 hex color

In a RGB color space, hex #bd3946 is composed of 74.1% red, 22.4% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.8% magenta, 63% yellow and 25.9% black. It has a hue angle of 354.1 degrees, a saturation of 53.7% and a lightness of 48.2%. #bd3946 color hex could be obtained by blending #ff728c with #7b0000. Closest websafe color is: #cc3333.

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

● #bd3946 color description : Moderate red.

The hexadecimal color #bd3946 has RGB values of R:189, G:57, B:70 and CMYK values of C:0, M:0.7, Y:0.63, K:0.26. Its decimal value is 12400966.

Hex triplet	bd3946	`#bd3946`
RGB Decimal	189, 57, 70	`rgb(189,57,70)`
RGB Percent	74.1, 22.4, 27.5	`rgb(74.1%,22.4%,27.5%)`
CMYK	0, 70, 63, 26
HSL	354.1°, 53.7, 48.2	`hsl(354.1,53.7%,48.2%)`
HSV (or HSB)	354.1°, 69.8, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.504, 53.275, 23.096
XYZ	23.556, 14.19, 7.293
xyY	0.523, 0.315, 14.19
CIE-LCH	44.504, 58.065, 23.438
CIE-LUV	44.504, 96.6, 15.111
Hunter-Lab	37.669, 45.7, 14.89
Binary	10111101, 00111001, 01000110

#bd3946
```
#bd3946 rgb(189,57,70)
```
#39bdb0
```
#39bdb0 rgb(57,189,176)
```

Complementary Color

#bd3988
```
#bd3988 rgb(189,57,136)
```
#bd3946
```
#bd3946 rgb(189,57,70)
```
#bd6e39
```
#bd6e39 rgb(189,110,57)
```

Analogous Color

#3988bd
```
#3988bd rgb(57,136,189)
```
#bd3946
```
#bd3946 rgb(189,57,70)
```
#39bd6e
```
#39bd6e rgb(57,189,110)
```

Split Complementary Color

#3946bd
```
#3946bd rgb(57,70,189)
```
#bd3946
```
#bd3946 rgb(189,57,70)
```
#46bd39
```
#46bd39 rgb(70,189,57)
```

Triadic Color

#b039bd
```
#b039bd rgb(176,57,189)
```
#bd3946
```
#bd3946 rgb(189,57,70)
```
#46bd39
```
#46bd39 rgb(70,189,57)
```
#39bdb0
```
#39bdb0 rgb(57,189,176)
```

Tetradic Color

#822730
```
#822730 rgb(130,39,48)
```
#962d37
```
#962d37 rgb(150,45,55)
```
#a9333f
```
#a9333f rgb(169,51,63)
```
#bd3946
```
#bd3946 rgb(189,57,70)
```
#c84854
```
#c84854 rgb(200,72,84)
```
#ce5b67
```
#ce5b67 rgb(206,91,103)
```
#d46f79
```
#d46f79 rgb(212,111,121)
```

Monochromatic Color

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

#bd3967
```
#bd3967 rgb(189,57,103)
```
#bd395c
```
#bd395c rgb(189,57,92)
```
#bd3951
```
#bd3951 rgb(189,57,81)
```
#bd3946
```
#bd3946 rgb(189,57,70)
```
#bd393b
```
#bd393b rgb(189,57,59)
```
#bd4239
```
#bd4239 rgb(189,66,57)
```
#bd4d39
```
#bd4d39 rgb(189,77,57)
```

Similar Colors

Text with hexadecimal color #bd3946

This text has a font color of #bd3946.

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

#bd3946 background color

This paragraph has a background color of #bd3946.

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

#bd3946 border color

This element has a border color of #bd3946.

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

CSS codes

.text {color:#bd3946;}

.background {background-color:#bd3946;}

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

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

#080203
```
#080203 rgb(8,2,3)
```
#170709
```
#170709 rgb(23,7,9)
```
#260c0e
```
#260c0e rgb(38,12,14)
```
#351014
```
#351014 rgb(53,16,20)
```
#441519
```
#441519 rgb(68,21,25)
```
#54191f
```
#54191f rgb(84,25,31)
```
#631e25
```
#631e25 rgb(99,30,37)
```
#72222a
```
#72222a rgb(114,34,42)
```
#812730
```
#812730 rgb(129,39,48)
```
#902b35
```
#902b35 rgb(144,43,53)
```
#9f303b
```
#9f303b rgb(159,48,59)
```
#ae3440
```
#ae3440 rgb(174,52,64)
```
#bd3946
```
#bd3946 rgb(189,57,70)
```

Shade Color Variation

#c64350
```
#c64350 rgb(198,67,80)
```
#cb525e
```
#cb525e rgb(203,82,94)
```
#cf616c
```
#cf616c rgb(207,97,108)
```
#d4707a
```
#d4707a rgb(212,112,122)
```
#d98088
```
#d98088 rgb(217,128,136)
```
#dd8f96
```
#dd8f96 rgb(221,143,150)
```
#e29ea4
```
#e29ea4 rgb(226,158,164)
```
#e6adb2
```
#e6adb2 rgb(230,173,178)
```
#ebbcc0
```
#ebbcc0 rgb(235,188,192)
```
#efcbce
```
#efcbce rgb(239,203,206)
```
#f4dadc
```
#f4dadc rgb(244,218,220)
```
#f8e9eb
```
#f8e9eb rgb(248,233,235)
```
#fdf8f9
```
#fdf8f9 rgb(253,248,249)
```

Tint Color Variation

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

#847274
```
#847274 rgb(132,114,116)
```
#8e686c
```
#8e686c rgb(142,104,108)
```
#975f64
```
#975f64 rgb(151,95,100)
```
#a1555d
```
#a1555d rgb(161,85,93)
```
#aa4c55
```
#aa4c55 rgb(170,76,85)
```
#b4424e
```
#b4424e rgb(180,66,78)
```
#bd3946
```
#bd3946 rgb(189,57,70)
```
#c6303e
```
#c6303e rgb(198,48,62)
```
#d02637
```
#d02637 rgb(208,38,55)
```
#d91d2f
```
#d91d2f rgb(217,29,47)
```
#e31328
```
#e31328 rgb(227,19,40)
```
#ec0a20
```
#ec0a20 rgb(236,10,32)
```
#f60018
```
#f60018 rgb(246,0,24)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#745a5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#767061 Protanopia 1% of men
#876c47 Deuteranopia 1% of men
#c04448 Tritanopia 0.001% of the population

Trichromacy

#905c57 Protanomaly 1% of men, 0.01% of women
#9b5946 Deuteranomaly 6% of men, 0.4% of women
#be4047 Tritanomaly 0.01% of the population

#bd3946 hex color

#bd3946 Color Information

#bd3946 Color Conversion

Color Schemes with #bd3946

Alternatives to #bd3946

#bd3946 Preview

Shades and Tints of #bd3946

Tones of #bd3946

Color Blindness Simulator