#bd342f hex color

In a RGB color space, hex #bd342f is composed of 74.1% red, 20.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.5% magenta, 75.1% yellow and 25.9% black. It has a hue angle of 2.1 degrees, a saturation of 60.2% and a lightness of 46.3%. #bd342f color hex could be obtained by blending #ff685e with #7b0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 20
- B 18
RGB color chart
- C 0
- M 72
- Y 75
- K 26
CMYK color chart

● #bd342f color description : Strong red.

The hexadecimal color #bd342f has RGB values of R:189, G:52, B:47 and CMYK values of C:0, M:0.72, Y:0.75, K:0.26. Its decimal value is 12399663.

Hex triplet	bd342f	`#bd342f`
RGB Decimal	189, 52, 47	`rgb(189,52,47)`
RGB Percent	74.1, 20.4, 18.4	`rgb(74.1%,20.4%,18.4%)`
CMYK	0, 72, 75, 26
HSL	2.1°, 60.2, 46.3	`hsl(2.1,60.2%,46.3%)`
HSV (or HSB)	2.1°, 75.1, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.482, 53.96, 35.547
XYZ	22.728, 13.483, 4.095
xyY	0.564, 0.335, 13.483
CIE-LCH	43.482, 64.616, 33.376
CIE-LUV	43.482, 104.773, 24.373
Hunter-Lab	36.719, 46.231, 19.091
Binary	10111101, 00110100, 00101111

#bd342f
```
#bd342f rgb(189,52,47)
```
#2fb8bd
```
#2fb8bd rgb(47,184,189)
```

Complementary Color

#bd2f71
```
#bd2f71 rgb(189,47,113)
```
#bd342f
```
#bd342f rgb(189,52,47)
```
#bd7b2f
```
#bd7b2f rgb(189,123,47)
```

Analogous Color

#2f71bd
```
#2f71bd rgb(47,113,189)
```
#bd342f
```
#bd342f rgb(189,52,47)
```
#2fbd7b
```
#2fbd7b rgb(47,189,123)
```

Split Complementary Color

#342fbd
```
#342fbd rgb(52,47,189)
```
#bd342f
```
#bd342f rgb(189,52,47)
```
#2fbd34
```
#2fbd34 rgb(47,189,52)
```

Triadic Color

#bd2fb8
```
#bd2fb8 rgb(189,47,184)
```
#bd342f
```
#bd342f rgb(189,52,47)
```
#2fbd34
```
#2fbd34 rgb(47,189,52)
```
#2fb8bd
```
#2fb8bd rgb(47,184,189)
```

Tetradic Color

#802320
```
#802320 rgb(128,35,32)
```
#942925
```
#942925 rgb(148,41,37)
```
#a92e2a
```
#a92e2a rgb(169,46,42)
```
#bd342f
```
#bd342f rgb(189,52,47)
```
#ce3d38
```
#ce3d38 rgb(206,61,56)
```
#d3514c
```
#d3514c rgb(211,81,76)
```
#d86561
```
#d86561 rgb(216,101,97)
```

Monochromatic Color

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

#bd2f4e
```
#bd2f4e rgb(189,47,78)
```
#bd2f42
```
#bd2f42 rgb(189,47,66)
```
#bd2f36
```
#bd2f36 rgb(189,47,54)
```
#bd342f
```
#bd342f rgb(189,52,47)
```
#bd402f
```
#bd402f rgb(189,64,47)
```
#bd4c2f
```
#bd4c2f rgb(189,76,47)
```
#bd572f
```
#bd572f rgb(189,87,47)
```

Similar Colors

Text with hexadecimal color #bd342f

This text has a font color of #bd342f.

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

#bd342f background color

This paragraph has a background color of #bd342f.

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

#bd342f border color

This element has a border color of #bd342f.

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

CSS codes

.text {color:#bd342f;}

.background {background-color:#bd342f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100404
```
#100404 rgb(16,4,4)
```
#200908
```
#200908 rgb(32,9,8)
```
#300d0c
```
#300d0c rgb(48,13,12)
```
#3f1110
```
#3f1110 rgb(63,17,16)
```
#4f1614
```
#4f1614 rgb(79,22,20)
```
#5f1a18
```
#5f1a18 rgb(95,26,24)
```
#6e1e1b
```
#6e1e1b rgb(110,30,27)
```
#7e231f
```
#7e231f rgb(126,35,31)
```
#8e2723
```
#8e2723 rgb(142,39,35)
```
#9e2b27
```
#9e2b27 rgb(158,43,39)
```
#ad302b
```
#ad302b rgb(173,48,43)
```
#bd342f
```
#bd342f rgb(189,52,47)
```

Shade Color Variation

#cc3933
```
#cc3933 rgb(204,57,51)
```
#d04843
```
#d04843 rgb(208,72,67)
```
#d45753
```
#d45753 rgb(212,87,83)
```
#d86762
```
#d86762 rgb(216,103,98)
```
#dc7672
```
#dc7672 rgb(220,118,114)
```
#e08582
```
#e08582 rgb(224,133,130)
```
#e49492
```
#e49492 rgb(228,148,146)
```
#e8a4a1
```
#e8a4a1 rgb(232,164,161)
```
#ecb3b1
```
#ecb3b1 rgb(236,179,177)
```
#efc2c1
```
#efc2c1 rgb(239,194,193)
```
#f3d2d0
```
#f3d2d0 rgb(243,210,208)
```
#f7e1e0
```
#f7e1e0 rgb(247,225,224)
```
#fbf0f0
```
#fbf0f0 rgb(251,240,240)
```

Tint Color Variation

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

#7d6f6f
```
#7d6f6f rgb(125,111,111)
```
#876765
```
#876765 rgb(135,103,101)
```
#905e5c
```
#905e5c rgb(144,94,92)
```
#995653
```
#995653 rgb(153,86,83)
```
#a24d4a
```
#a24d4a rgb(162,77,74)
```
#ab4541
```
#ab4541 rgb(171,69,65)
```
#b43c38
```
#b43c38 rgb(180,60,56)
```
#bd342f
```
#bd342f rgb(189,52,47)
```
#c62c26
```
#c62c26 rgb(198,44,38)
```
#cf231d
```
#cf231d rgb(207,35,29)
```
#d81b14
```
#d81b14 rgb(216,27,20)
```
#e1120b
```
#e1120b rgb(225,18,11)
```
#ea0a02
```
#ea0a02 rgb(234,10,2)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f5453 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786e48 Protanopia 1% of men
#88692f Deuteranopia 1% of men
#c03d40 Tritanopia 0.001% of the population

Trichromacy

#91593f Protanomaly 1% of men, 0.01% of women
#9b562f Deuteranomaly 6% of men, 0.4% of women
#bf3a39 Tritanomaly 0.01% of the population

#bd342f hex color

#bd342f Color Information

#bd342f Color Conversion

Color Schemes with #bd342f

Alternatives to #bd342f

#bd342f Preview

Shades and Tints of #bd342f

Tones of #bd342f

Color Blindness Simulator