#bd3f2e hex color

In a RGB color space, hex #bd3f2e is composed of 74.1% red, 24.7% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.7% magenta, 75.7% yellow and 25.9% black. It has a hue angle of 7.1 degrees, a saturation of 60.9% and a lightness of 46.1%. #bd3f2e color hex could be obtained by blending #ff7e5c with #7b0000. Closest websafe color is: #cc3333.

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

● #bd3f2e color description : Strong red.

The hexadecimal color #bd3f2e has RGB values of R:189, G:63, B:46 and CMYK values of C:0, M:0.67, Y:0.76, K:0.26. Its decimal value is 12402478.

Hex triplet	bd3f2e	`#bd3f2e`
RGB Decimal	189, 63, 46	`rgb(189,63,46)`
RGB Percent	74.1, 24.7, 18	`rgb(74.1%,24.7%,18%)`
CMYK	0, 67, 76, 26
HSL	7.1°, 60.9, 46.1	`hsl(7.1,60.9%,46.1%)`
HSV (or HSB)	7.1°, 75.7, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.045, 49.615, 37.819
XYZ	23.258, 14.574, 4.173
xyY	0.554, 0.347, 14.574
CIE-LCH	45.045, 62.385, 37.316
CIE-LUV	45.045, 98.305, 27.685
Hunter-Lab	38.176, 41.942, 20.242
Binary	10111101, 00111111, 00101110

#bd3f2e
```
#bd3f2e rgb(189,63,46)
```
#2eacbd
```
#2eacbd rgb(46,172,189)
```

Complementary Color

#bd2e65
```
#bd2e65 rgb(189,46,101)
```
#bd3f2e
```
#bd3f2e rgb(189,63,46)
```
#bd872e
```
#bd872e rgb(189,135,46)
```

Analogous Color

#2e65bd
```
#2e65bd rgb(46,101,189)
```
#bd3f2e
```
#bd3f2e rgb(189,63,46)
```
#2ebd87
```
#2ebd87 rgb(46,189,135)
```

Split Complementary Color

#3f2ebd
```
#3f2ebd rgb(63,46,189)
```
#bd3f2e
```
#bd3f2e rgb(189,63,46)
```
#2ebd3f
```
#2ebd3f rgb(46,189,63)
```

Triadic Color

#bd2eac
```
#bd2eac rgb(189,46,172)
```
#bd3f2e
```
#bd3f2e rgb(189,63,46)
```
#2ebd3f
```
#2ebd3f rgb(46,189,63)
```
#2eacbd
```
#2eacbd rgb(46,172,189)
```

Tetradic Color

#7f2a1f
```
#7f2a1f rgb(127,42,31)
```
#943124
```
#943124 rgb(148,49,36)
```
#a83829
```
#a83829 rgb(168,56,41)
```
#bd3f2e
```
#bd3f2e rgb(189,63,46)
```
#ce4836
```
#ce4836 rgb(206,72,54)
```
#d35b4b
```
#d35b4b rgb(211,91,75)
```
#d86e5f
```
#d86e5f rgb(216,110,95)
```

Monochromatic Color

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

#bd2e41
```
#bd2e41 rgb(189,46,65)
```
#bd2e35
```
#bd2e35 rgb(189,46,53)
```
#bd332e
```
#bd332e rgb(189,51,46)
```
#bd3f2e
```
#bd3f2e rgb(189,63,46)
```
#bd4b2e
```
#bd4b2e rgb(189,75,46)
```
#bd572e
```
#bd572e rgb(189,87,46)
```
#bd632e
```
#bd632e rgb(189,99,46)
```

Similar Colors

Text with hexadecimal color #bd3f2e

This text has a font color of #bd3f2e.

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

#bd3f2e background color

This paragraph has a background color of #bd3f2e.

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

#bd3f2e border color

This element has a border color of #bd3f2e.

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

CSS codes

.text {color:#bd3f2e;}

.background {background-color:#bd3f2e;}

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

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, #0f0504 is the darkest color, while #ffffff is the lightest one.

#0f0504
```
#0f0504 rgb(15,5,4)
```
#1f0a08
```
#1f0a08 rgb(31,10,8)
```
#2f100b
```
#2f100b rgb(47,16,11)
```
#3f150f
```
#3f150f rgb(63,21,15)
```
#4f1a13
```
#4f1a13 rgb(79,26,19)
```
#5e1f17
```
#5e1f17 rgb(94,31,23)
```
#6e251b
```
#6e251b rgb(110,37,27)
```
#7e2a1f
```
#7e2a1f rgb(126,42,31)
```
#8e2f22
```
#8e2f22 rgb(142,47,34)
```
#9d3426
```
#9d3426 rgb(157,52,38)
```
#ad3a2a
```
#ad3a2a rgb(173,58,42)
```
#bd3f2e
```
#bd3f2e rgb(189,63,46)
```
#cd4432
```
#cd4432 rgb(205,68,50)
```

Shade Color Variation

#d15241
```
#d15241 rgb(209,82,65)
```
#d56151
```
#d56151 rgb(213,97,81)
```
#d96f61
```
#d96f61 rgb(217,111,97)
```
#dc7e71
```
#dc7e71 rgb(220,126,113)
```
#e08c80
```
#e08c80 rgb(224,140,128)
```
#e49a90
```
#e49a90 rgb(228,154,144)
```
#e8a9a0
```
#e8a9a0 rgb(232,169,160)
```
#ecb7b0
```
#ecb7b0 rgb(236,183,176)
```
#f0c5c0
```
#f0c5c0 rgb(240,197,192)
```
#f3d4cf
```
#f3d4cf rgb(243,212,207)
```
#f7e2df
```
#f7e2df rgb(247,226,223)
```
#fbf0ef
```
#fbf0ef rgb(251,240,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7e6f6d
```
#7e6f6d rgb(126,111,109)
```
#876864
```
#876864 rgb(135,104,100)
```
#90615b
```
#90615b rgb(144,97,91)
```
#995b52
```
#995b52 rgb(153,91,82)
```
#a25449
```
#a25449 rgb(162,84,73)
```
#ab4d40
```
#ab4d40 rgb(171,77,64)
```
#b44637
```
#b44637 rgb(180,70,55)
```
#bd3f2e
```
#bd3f2e rgb(189,63,46)
```
#c63825
```
#c63825 rgb(198,56,37)
```
#cf311c
```
#cf311c rgb(207,49,28)
```
#d82a13
```
#d82a13 rgb(216,42,19)
```
#e1230a
```
#e1230a rgb(225,35,10)
```
#ea1d01
```
#ea1d01 rgb(234,29,1)
```

Tone Color Variation

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

Dichromacy

#7c7245 Protanopia 1% of men
#8d6d2f Deuteranopia 1% of men
#c1464a Tritanopia 0.001% of the population

Trichromacy

#945f3c Protanomaly 1% of men, 0.01% of women
#9e5c2e Deuteranomaly 6% of men, 0.4% of women
#bf433f Tritanomaly 0.01% of the population

#bd3f2e hex color

#bd3f2e Color Information

#bd3f2e Color Conversion

Color Schemes with #bd3f2e

Alternatives to #bd3f2e

#bd3f2e Preview

Shades and Tints of #bd3f2e

Tones of #bd3f2e

Color Blindness Simulator