#bd682f hex color

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

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

● #bd682f color description : Strong orange.

The hexadecimal color #bd682f has RGB values of R:189, G:104, B:47 and CMYK values of C:0, M:0.45, Y:0.75, K:0.26. Its decimal value is 12412975.

Hex triplet	bd682f	`#bd682f`
RGB Decimal	189, 104, 47	`rgb(189,104,47)`
RGB Percent	74.1, 40.8, 18.4	`rgb(74.1%,40.8%,18.4%)`
CMYK	0, 45, 75, 26
HSL	24.1°, 60.2, 46.3	`hsl(24.1,60.2%,46.3%)`
HSV (or HSB)	24.1°, 75.1, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.869, 29.588, 45.553
XYZ	26.45, 20.927, 5.336
xyY	0.502, 0.397, 20.927
CIE-LCH	52.869, 54.319, 56.995
CIE-LUV	52.869, 68.081, 41.361
Hunter-Lab	45.746, 23.154, 25.107
Binary	10111101, 01101000, 00101111

#bd682f
```
#bd682f rgb(189,104,47)
```
#2f84bd
```
#2f84bd rgb(47,132,189)
```

Complementary Color

#bd2f3d
```
#bd2f3d rgb(189,47,61)
```
#bd682f
```
#bd682f rgb(189,104,47)
```
#bdaf2f
```
#bdaf2f rgb(189,175,47)
```

Analogous Color

#2f3dbd
```
#2f3dbd rgb(47,61,189)
```
#bd682f
```
#bd682f rgb(189,104,47)
```
#2fbdaf
```
#2fbdaf rgb(47,189,175)
```

Split Complementary Color

#682fbd
```
#682fbd rgb(104,47,189)
```
#bd682f
```
#bd682f rgb(189,104,47)
```
#2fbd68
```
#2fbd68 rgb(47,189,104)
```

Triadic Color

#bd2f84
```
#bd2f84 rgb(189,47,132)
```
#bd682f
```
#bd682f rgb(189,104,47)
```
#2fbd68
```
#2fbd68 rgb(47,189,104)
```
#2f84bd
```
#2f84bd rgb(47,132,189)
```

Tetradic Color

#804620
```
#804620 rgb(128,70,32)
```
#945225
```
#945225 rgb(148,82,37)
```
#a95d2a
```
#a95d2a rgb(169,93,42)
```
#bd682f
```
#bd682f rgb(189,104,47)
```
#ce7438
```
#ce7438 rgb(206,116,56)
```
#d3824c
```
#d3824c rgb(211,130,76)
```
#d89161
```
#d89161 rgb(216,145,97)
```

Monochromatic Color

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

#bd442f
```
#bd442f rgb(189,68,47)
```
#bd502f
```
#bd502f rgb(189,80,47)
```
#bd5c2f
```
#bd5c2f rgb(189,92,47)
```
#bd682f
```
#bd682f rgb(189,104,47)
```
#bd742f
```
#bd742f rgb(189,116,47)
```
#bd802f
```
#bd802f rgb(189,128,47)
```
#bd8c2f
```
#bd8c2f rgb(189,140,47)
```

Similar Colors

Text with hexadecimal color #bd682f

This text has a font color of #bd682f.

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

#bd682f background color

This paragraph has a background color of #bd682f.

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

#bd682f border color

This element has a border color of #bd682f.

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

CSS codes

.text {color:#bd682f;}

.background {background-color:#bd682f;}

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

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 #fbf4f0 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#100904
```
#100904 rgb(16,9,4)
```
#201208
```
#201208 rgb(32,18,8)
```
#301a0c
```
#301a0c rgb(48,26,12)
```
#3f2310
```
#3f2310 rgb(63,35,16)
```
#4f2b14
```
#4f2b14 rgb(79,43,20)
```
#5f3418
```
#5f3418 rgb(95,52,24)
```
#6e3d1b
```
#6e3d1b rgb(110,61,27)
```
#7e451f
```
#7e451f rgb(126,69,31)
```
#8e4e23
```
#8e4e23 rgb(142,78,35)
```
#9e5727
```
#9e5727 rgb(158,87,39)
```
#ad5f2b
```
#ad5f2b rgb(173,95,43)
```
#bd682f
```
#bd682f rgb(189,104,47)
```

Shade Color Variation

#cc7133
```
#cc7133 rgb(204,113,51)
```
#d07c43
```
#d07c43 rgb(208,124,67)
```
#d48753
```
#d48753 rgb(212,135,83)
```
#d89262
```
#d89262 rgb(216,146,98)
```
#dc9d72
```
#dc9d72 rgb(220,157,114)
```
#e0a882
```
#e0a882 rgb(224,168,130)
```
#e4b392
```
#e4b392 rgb(228,179,146)
```
#e8bea1
```
#e8bea1 rgb(232,190,161)
```
#ecc8b1
```
#ecc8b1 rgb(236,200,177)
```
#efd3c1
```
#efd3c1 rgb(239,211,193)
```
#f3ded0
```
#f3ded0 rgb(243,222,208)
```
#f7e9e0
```
#f7e9e0 rgb(247,233,224)
```
#fbf4f0
```
#fbf4f0 rgb(251,244,240)
```

Tint Color Variation

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

#7d756f
```
#7d756f rgb(125,117,111)
```
#877365
```
#877365 rgb(135,115,101)
```
#90715c
```
#90715c rgb(144,113,92)
```
#996f53
```
#996f53 rgb(153,111,83)
```
#a26d4a
```
#a26d4a rgb(162,109,74)
```
#ab6c41
```
#ab6c41 rgb(171,108,65)
```
#b46a38
```
#b46a38 rgb(180,106,56)
```
#bd682f
```
#bd682f rgb(189,104,47)
```
#c66626
```
#c66626 rgb(198,102,38)
```
#cf641d
```
#cf641d rgb(207,100,29)
```
#d86314
```
#d86314 rgb(216,99,20)
```
#e1610b
```
#e1610b rgb(225,97,11)
```
#ea5f02
```
#ea5f02 rgb(234,95,2)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#88776c Atypical Achromatopsia 0.001% of the population

Dichromacy

#92853f Protanopia 1% of men
#a47e34 Deuteranopia 1% of men
#c36970 Tritanopia 0.001% of the population

Trichromacy

#a27a39 Protanomaly 1% of men, 0.01% of women
#ad7632 Deuteranomaly 6% of men, 0.4% of women
#c16958 Tritanomaly 0.01% of the population

#bd682f hex color

#bd682f Color Information

#bd682f Color Conversion

Color Schemes with #bd682f

Alternatives to #bd682f

#bd682f Preview

Shades and Tints of #bd682f

Tones of #bd682f

Color Blindness Simulator