#bd671f hex color

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

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

● #bd671f color description : Strong orange.

The hexadecimal color #bd671f has RGB values of R:189, G:103, B:31 and CMYK values of C:0, M:0.46, Y:0.84, K:0.26. Its decimal value is 12412703.

Hex triplet	bd671f	`#bd671f`
RGB Decimal	189, 103, 31	`rgb(189,103,31)`
RGB Percent	74.1, 40.4, 12.2	`rgb(74.1%,40.4%,12.2%)`
CMYK	0, 46, 84, 26
HSL	27.3°, 71.8, 43.1	`hsl(27.3,71.8%,43.1%)`
HSV (or HSB)	27.3°, 83.6, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.532, 29.532, 52.215
XYZ	26.085, 20.621, 3.903
xyY	0.515, 0.407, 20.621
CIE-LCH	52.532, 59.988, 60.508
CIE-LUV	52.532, 70.177, 45.301
Hunter-Lab	45.41, 23.068, 26.691
Binary	10111101, 01100111, 00011111

#bd671f
```
#bd671f rgb(189,103,31)
```
#1f75bd
```
#1f75bd rgb(31,117,189)
```

Complementary Color

#bd1f26
```
#bd1f26 rgb(189,31,38)
```
#bd671f
```
#bd671f rgb(189,103,31)
```
#bdb61f
```
#bdb61f rgb(189,182,31)
```

Analogous Color

#1f26bd
```
#1f26bd rgb(31,38,189)
```
#bd671f
```
#bd671f rgb(189,103,31)
```
#1fbdb6
```
#1fbdb6 rgb(31,189,182)
```

Split Complementary Color

#671fbd
```
#671fbd rgb(103,31,189)
```
#bd671f
```
#bd671f rgb(189,103,31)
```
#1fbd67
```
#1fbd67 rgb(31,189,103)
```

Triadic Color

#bd1f75
```
#bd1f75 rgb(189,31,117)
```
#bd671f
```
#bd671f rgb(189,103,31)
```
#1fbd67
```
#1fbd67 rgb(31,189,103)
```
#1f75bd
```
#1f75bd rgb(31,117,189)
```

Tetradic Color

#7b4314
```
#7b4314 rgb(123,67,20)
```
#914f18
```
#914f18 rgb(145,79,24)
```
#a75b1b
```
#a75b1b rgb(167,91,27)
```
#bd671f
```
#bd671f rgb(189,103,31)
```
#d37323
```
#d37323 rgb(211,115,35)
```
#dd8032
```
#dd8032 rgb(221,128,50)
```
#e18d48
```
#e18d48 rgb(225,141,72)
```

Monochromatic Color

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

#bd401f
```
#bd401f rgb(189,64,31)
```
#bd4d1f
```
#bd4d1f rgb(189,77,31)
```
#bd5a1f
```
#bd5a1f rgb(189,90,31)
```
#bd671f
```
#bd671f rgb(189,103,31)
```
#bd741f
```
#bd741f rgb(189,116,31)
```
#bd811f
```
#bd811f rgb(189,129,31)
```
#bd8f1f
```
#bd8f1f rgb(189,143,31)
```

Similar Colors

Text with hexadecimal color #bd671f

This text has a font color of #bd671f.

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

#bd671f background color

This paragraph has a background color of #bd671f.

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

#bd671f border color

This element has a border color of #bd671f.

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

CSS codes

.text {color:#bd671f;}

.background {background-color:#bd671f;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#140b03
```
#140b03 rgb(20,11,3)
```
#251406
```
#251406 rgb(37,20,6)
```
#361e09
```
#361e09 rgb(54,30,9)
```
#47270c
```
#47270c rgb(71,39,12)
```
#58300e
```
#58300e rgb(88,48,14)
```
#693911
```
#693911 rgb(105,57,17)
```
#7a4214
```
#7a4214 rgb(122,66,20)
```
#8a4b17
```
#8a4b17 rgb(138,75,23)
```
#9b5519
```
#9b5519 rgb(155,85,25)
```
#ac5e1c
```
#ac5e1c rgb(172,94,28)
```
#bd671f
```
#bd671f rgb(189,103,31)
```
#ce7022
```
#ce7022 rgb(206,112,34)
```

Shade Color Variation

#dc7a28
```
#dc7a28 rgb(220,122,40)
```
#de8438
```
#de8438 rgb(222,132,56)
```
#e18f49
```
#e18f49 rgb(225,143,73)
```
#e4995a
```
#e4995a rgb(228,153,90)
```
#e7a36b
```
#e7a36b rgb(231,163,107)
```
#e9ae7c
```
#e9ae7c rgb(233,174,124)
```
#ecb88d
```
#ecb88d rgb(236,184,141)
```
#efc39e
```
#efc39e rgb(239,195,158)
```
#f2cdae
```
#f2cdae rgb(242,205,174)
```
#f5d8bf
```
#f5d8bf rgb(245,216,191)
```
#f7e2d0
```
#f7e2d0 rgb(247,226,208)
```
#faece1
```
#faece1 rgb(250,236,225)
```
#fdf7f2
```
#fdf7f2 rgb(253,247,242)
```

Tint Color Variation

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

#716e6b
```
#716e6b rgb(113,110,107)
```
#796d63
```
#796d63 rgb(121,109,99)
```
#826c5a
```
#826c5a rgb(130,108,90)
```
#8a6b52
```
#8a6b52 rgb(138,107,82)
```
#936b49
```
#936b49 rgb(147,107,73)
```
#9b6a41
```
#9b6a41 rgb(155,106,65)
```
#a46938
```
#a46938 rgb(164,105,56)
```
#ac6830
```
#ac6830 rgb(172,104,48)
```
#b56827
```
#b56827 rgb(181,104,39)
```
#bd671f
```
#bd671f rgb(189,103,31)
```
#c56617
```
#c56617 rgb(197,102,23)
```
#ce660e
```
#ce660e rgb(206,102,14)
```
#d66506
```
#d66506 rgb(214,101,6)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#877567 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938430 Protanopia 1% of men
#a47d23 Deuteranopia 1% of men
#c3686e Tritanopia 0.001% of the population

Trichromacy

#a27929 Protanomaly 1% of men, 0.01% of women
#ad7521 Deuteranomaly 6% of men, 0.4% of women
#c16751 Tritanomaly 0.01% of the population

#bd671f hex color

#bd671f Color Information

#bd671f Color Conversion

Color Schemes with #bd671f

Alternatives to #bd671f

#bd671f Preview

Shades and Tints of #bd671f

Tones of #bd671f

Color Blindness Simulator