#bd3f22 hex color

In a RGB color space, hex #bd3f22 is composed of 74.1% red, 24.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.7% magenta, 82% yellow and 25.9% black. It has a hue angle of 11.2 degrees, a saturation of 69.5% and a lightness of 43.7%. #bd3f22 color hex could be obtained by blending #ff7e44 with #7b0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 25
- B 13
RGB color chart
- C 0
- M 67
- Y 82
- K 26
CMYK color chart

● #bd3f22 color description : Strong red.

The hexadecimal color #bd3f22 has RGB values of R:189, G:63, B:34 and CMYK values of C:0, M:0.67, Y:0.82, K:0.26. Its decimal value is 12402466.

Hex triplet	bd3f22	`#bd3f22`
RGB Decimal	189, 63, 34	`rgb(189,63,34)`
RGB Percent	74.1, 24.7, 13.3	`rgb(74.1%,24.7%,13.3%)`
CMYK	0, 67, 82, 26
HSL	11.2°, 69.5, 43.7	`hsl(11.2,69.5%,43.7%)`
HSV (or HSB)	11.2°, 82, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.93, 49.189, 44.004
XYZ	23.054, 14.492, 3.097
xyY	0.567, 0.357, 14.492
CIE-LCH	44.93, 65.999, 41.816
CIE-LUV	44.93, 100.13, 31.514
Hunter-Lab	38.068, 41.477, 21.825
Binary	10111101, 00111111, 00100010

#bd3f22
```
#bd3f22 rgb(189,63,34)
```
#22a0bd
```
#22a0bd rgb(34,160,189)
```

Complementary Color

#bd2252
```
#bd2252 rgb(189,34,82)
```
#bd3f22
```
#bd3f22 rgb(189,63,34)
```
#bd8d22
```
#bd8d22 rgb(189,141,34)
```

Analogous Color

#2252bd
```
#2252bd rgb(34,82,189)
```
#bd3f22
```
#bd3f22 rgb(189,63,34)
```
#22bd8d
```
#22bd8d rgb(34,189,141)
```

Split Complementary Color

#3f22bd
```
#3f22bd rgb(63,34,189)
```
#bd3f22
```
#bd3f22 rgb(189,63,34)
```
#22bd3f
```
#22bd3f rgb(34,189,63)
```

Triadic Color

#bd22a0
```
#bd22a0 rgb(189,34,160)
```
#bd3f22
```
#bd3f22 rgb(189,63,34)
```
#22bd3f
```
#22bd3f rgb(34,189,63)
```
#22a0bd
```
#22a0bd rgb(34,160,189)
```

Tetradic Color

#7c2916
```
#7c2916 rgb(124,41,22)
```
#92311a
```
#92311a rgb(146,49,26)
```
#a7381e
```
#a7381e rgb(167,56,30)
```
#bd3f22
```
#bd3f22 rgb(189,63,34)
```
#d34626
```
#d34626 rgb(211,70,38)
```
#db5637
```
#db5637 rgb(219,86,55)
```
#df684d
```
#df684d rgb(223,104,77)
```

Monochromatic Color

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

#bd222c
```
#bd222c rgb(189,34,44)
```
#bd2522
```
#bd2522 rgb(189,37,34)
```
#bd3222
```
#bd3222 rgb(189,50,34)
```
#bd3f22
```
#bd3f22 rgb(189,63,34)
```
#bd4c22
```
#bd4c22 rgb(189,76,34)
```
#bd5922
```
#bd5922 rgb(189,89,34)
```
#bd6622
```
#bd6622 rgb(189,102,34)
```

Similar Colors

Text with hexadecimal color #bd3f22

This text has a font color of #bd3f22.

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

#bd3f22 background color

This paragraph has a background color of #bd3f22.

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

#bd3f22 border color

This element has a border color of #bd3f22.

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

CSS codes

.text {color:#bd3f22;}

.background {background-color:#bd3f22;}

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

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

#060201
```
#060201 rgb(6,2,1)
```
#170804
```
#170804 rgb(23,8,4)
```
#270d07
```
#270d07 rgb(39,13,7)
```
#38130a
```
#38130a rgb(56,19,10)
```
#49180d
```
#49180d rgb(73,24,13)
```
#591e10
```
#591e10 rgb(89,30,16)
```
#6a2313
```
#6a2313 rgb(106,35,19)
```
#7b2916
```
#7b2916 rgb(123,41,22)
```
#8b2e19
```
#8b2e19 rgb(139,46,25)
```
#9c341c
```
#9c341c rgb(156,52,28)
```
#ac391f
```
#ac391f rgb(172,57,31)
```
#bd3f22
```
#bd3f22 rgb(189,63,34)
```
#ce4525
```
#ce4525 rgb(206,69,37)
```

Shade Color Variation

#d94d2d
```
#d94d2d rgb(217,77,45)
```
#dc5b3e
```
#dc5b3e rgb(220,91,62)
```
#df694e
```
#df694e rgb(223,105,78)
```
#e2775f
```
#e2775f rgb(226,119,95)
```
#e58670
```
#e58670 rgb(229,134,112)
```
#e89480
```
#e89480 rgb(232,148,128)
```
#eba291
```
#eba291 rgb(235,162,145)
```
#eeb0a1
```
#eeb0a1 rgb(238,176,161)
```
#f1beb2
```
#f1beb2 rgb(241,190,178)
```
#f4ccc3
```
#f4ccc3 rgb(244,204,195)
```
#f7dad3
```
#f7dad3 rgb(247,218,211)
```
#fae8e4
```
#fae8e4 rgb(250,232,228)
```
#fdf6f5
```
#fdf6f5 rgb(253,246,245)
```

Tint Color Variation

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

#706f6f
```
#706f6f rgb(112,111,111)
```
#786a67
```
#786a67 rgb(120,106,103)
```
#81655e
```
#81655e rgb(129,101,94)
```
#8a5f55
```
#8a5f55 rgb(138,95,85)
```
#925a4d
```
#925a4d rgb(146,90,77)
```
#9b5444
```
#9b5444 rgb(155,84,68)
```
#a34f3c
```
#a34f3c rgb(163,79,60)
```
#ac4a33
```
#ac4a33 rgb(172,74,51)
```
#b4442b
```
#b4442b rgb(180,68,43)
```
#bd3f22
```
#bd3f22 rgb(189,63,34)
```
#c63a19
```
#c63a19 rgb(198,58,25)
```
#ce3411
```
#ce3411 rgb(206,52,17)
```
#d72f08
```
#d72f08 rgb(215,47,8)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#735a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7238 Protanopia 1% of men
#8d6c21 Deuteranopia 1% of men
#c14549 Tritanopia 0.001% of the population

Trichromacy

#945f30 Protanomaly 1% of men, 0.01% of women
#9f5c21 Deuteranomaly 6% of men, 0.4% of women
#bf433a Tritanomaly 0.01% of the population

#bd3f22 hex color

#bd3f22 Color Information

#bd3f22 Color Conversion

Color Schemes with #bd3f22

Alternatives to #bd3f22

#bd3f22 Preview

Shades and Tints of #bd3f22

Tones of #bd3f22

Color Blindness Simulator