#bd381f hex color

In a RGB color space, hex #bd381f is composed of 74.1% red, 22% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.4% magenta, 83.6% yellow and 25.9% black. It has a hue angle of 9.5 degrees, a saturation of 71.8% and a lightness of 43.1%. #bd381f color hex could be obtained by blending #ff703e with #7b0000. Closest websafe color is: #cc3333.

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

● #bd381f color description : Strong red.

The hexadecimal color #bd381f has RGB values of R:189, G:56, B:31 and CMYK values of C:0, M:0.7, Y:0.84, K:0.26. Its decimal value is 12400671.

Hex triplet	bd381f	`#bd381f`
RGB Decimal	189, 56, 31	`rgb(189,56,31)`
RGB Percent	74.1, 22, 12.2	`rgb(74.1%,22%,12.2%)`
CMYK	0, 70, 84, 26
HSL	9.5°, 71.8, 43.1	`hsl(9.5,71.8%,43.1%)`
HSV (or HSB)	9.5°, 83.6, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.87, 51.922, 44.492
XYZ	22.649, 13.749, 2.757
xyY	0.578, 0.351, 13.749
CIE-LCH	43.87, 68.377, 40.594
CIE-LUV	43.87, 105.037, 30.473
Hunter-Lab	37.079, 44.143, 21.546
Binary	10111101, 00111000, 00011111

#bd381f
```
#bd381f rgb(189,56,31)
```
#1fa4bd
```
#1fa4bd rgb(31,164,189)
```

Complementary Color

#bd1f55
```
#bd1f55 rgb(189,31,85)
```
#bd381f
```
#bd381f rgb(189,56,31)
```
#bd871f
```
#bd871f rgb(189,135,31)
```

Analogous Color

#1f55bd
```
#1f55bd rgb(31,85,189)
```
#bd381f
```
#bd381f rgb(189,56,31)
```
#1fbd87
```
#1fbd87 rgb(31,189,135)
```

Split Complementary Color

#381fbd
```
#381fbd rgb(56,31,189)
```
#bd381f
```
#bd381f rgb(189,56,31)
```
#1fbd38
```
#1fbd38 rgb(31,189,56)
```

Triadic Color

#bd1fa4
```
#bd1fa4 rgb(189,31,164)
```
#bd381f
```
#bd381f rgb(189,56,31)
```
#1fbd38
```
#1fbd38 rgb(31,189,56)
```
#1fa4bd
```
#1fa4bd rgb(31,164,189)
```

Tetradic Color

#7b2514
```
#7b2514 rgb(123,37,20)
```
#912b18
```
#912b18 rgb(145,43,24)
```
#a7321b
```
#a7321b rgb(167,50,27)
```
#bd381f
```
#bd381f rgb(189,56,31)
```
#d33e23
```
#d33e23 rgb(211,62,35)
```
#dd4d32
```
#dd4d32 rgb(221,77,50)
```
#e16048
```
#e16048 rgb(225,96,72)
```

Monochromatic Color

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

#bd1f2e
```
#bd1f2e rgb(189,31,46)
```
#bd1f20
```
#bd1f20 rgb(189,31,32)
```
#bd2b1f
```
#bd2b1f rgb(189,43,31)
```
#bd381f
```
#bd381f rgb(189,56,31)
```
#bd451f
```
#bd451f rgb(189,69,31)
```
#bd521f
```
#bd521f rgb(189,82,31)
```
#bd601f
```
#bd601f rgb(189,96,31)
```

Similar Colors

Text with hexadecimal color #bd381f

This text has a font color of #bd381f.

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

#bd381f background color

This paragraph has a background color of #bd381f.

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

#bd381f border color

This element has a border color of #bd381f.

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

CSS codes

.text {color:#bd381f;}

.background {background-color:#bd381f;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140603
```
#140603 rgb(20,6,3)
```
#250b06
```
#250b06 rgb(37,11,6)
```
#361009
```
#361009 rgb(54,16,9)
```
#47150c
```
#47150c rgb(71,21,12)
```
#581a0e
```
#581a0e rgb(88,26,14)
```
#691f11
```
#691f11 rgb(105,31,17)
```
#7a2414
```
#7a2414 rgb(122,36,20)
```
#8a2917
```
#8a2917 rgb(138,41,23)
```
#9b2e19
```
#9b2e19 rgb(155,46,25)
```
#ac331c
```
#ac331c rgb(172,51,28)
```
#bd381f
```
#bd381f rgb(189,56,31)
```
#ce3d22
```
#ce3d22 rgb(206,61,34)
```

Shade Color Variation

#dc4428
```
#dc4428 rgb(220,68,40)
```
#de5338
```
#de5338 rgb(222,83,56)
```
#e16149
```
#e16149 rgb(225,97,73)
```
#e4705a
```
#e4705a rgb(228,112,90)
```
#e77f6b
```
#e77f6b rgb(231,127,107)
```
#e98d7c
```
#e98d7c rgb(233,141,124)
```
#ec9c8d
```
#ec9c8d rgb(236,156,141)
```
#efaa9e
```
#efaa9e rgb(239,170,158)
```
#f2b9ae
```
#f2b9ae rgb(242,185,174)
```
#f5c8bf
```
#f5c8bf rgb(245,200,191)
```
#f7d6d0
```
#f7d6d0 rgb(247,214,208)
```
#fae5e1
```
#fae5e1 rgb(250,229,225)
```
#fdf4f2
```
#fdf4f2 rgb(253,244,242)
```

Tint Color Variation

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

#716c6b
```
#716c6b rgb(113,108,107)
```
#796663
```
#796663 rgb(121,102,99)
```
#82605a
```
#82605a rgb(130,96,90)
```
#8a5b52
```
#8a5b52 rgb(138,91,82)
```
#935549
```
#935549 rgb(147,85,73)
```
#9b4f41
```
#9b4f41 rgb(155,79,65)
```
#a44938
```
#a44938 rgb(164,73,56)
```
#ac4430
```
#ac4430 rgb(172,68,48)
```
#b53e27
```
#b53e27 rgb(181,62,39)
```
#bd381f
```
#bd381f rgb(189,56,31)
```
#c53217
```
#c53217 rgb(197,50,23)
```
#ce2c0e
```
#ce2c0e rgb(206,44,14)
```
#d62706
```
#d62706 rgb(214,39,6)
```

Tone Color Variation

Below, you can see how #bd381f 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
#705651 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6f36 Protanopia 1% of men
#8b6a1c Deuteranopia 1% of men
#c13f42 Tritanopia 0.001% of the population

Trichromacy

#935b2d Protanomaly 1% of men, 0.01% of women
#9d571d Deuteranomaly 6% of men, 0.4% of women
#bf3c35 Tritanomaly 0.01% of the population

#bd381f hex color

#bd381f Color Information

#bd381f Color Conversion

Color Schemes with #bd381f

Alternatives to #bd381f

#bd381f Preview

Shades and Tints of #bd381f

Tones of #bd381f

Color Blindness Simulator