#bd8342 hex color

In a RGB color space, hex #bd8342 is composed of 74.1% red, 51.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.7% magenta, 65.1% yellow and 25.9% black. It has a hue angle of 31.7 degrees, a saturation of 48.2% and a lightness of 50%. #bd8342 color hex could be obtained by blending #ffff84 with #7b0700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 74
- G 51
- B 26
RGB color chart
- C 0
- M 31
- Y 65
- K 26
CMYK color chart

● #bd8342 color description : Moderate orange.

The hexadecimal color #bd8342 has RGB values of R:189, G:131, B:66 and CMYK values of C:0, M:0.31, Y:0.65, K:0.26. Its decimal value is 12419906.

Hex triplet	bd8342	`#bd8342`
RGB Decimal	189, 131, 66	`rgb(189,131,66)`
RGB Percent	74.1, 51.4, 25.9	`rgb(74.1%,51.4%,25.9%)`
CMYK	0, 31, 65, 26
HSL	31.7°, 48.2, 50	`hsl(31.7,48.2%,50%)`
HSV (or HSB)	31.7°, 65.1, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.385, 15.822, 43.285
XYZ	30.086, 27.447, 8.867
xyY	0.453, 0.413, 27.447
CIE-LCH	59.385, 46.086, 69.921
CIE-LUV	59.385, 45.624, 45.585
Hunter-Lab	52.389, 10.828, 26.638
Binary	10111101, 10000011, 01000010

#bd8342
```
#bd8342 rgb(189,131,66)
```
#427cbd
```
#427cbd rgb(66,124,189)
```

Complementary Color

#bd4642
```
#bd4642 rgb(189,70,66)
```
#bd8342
```
#bd8342 rgb(189,131,66)
```
#babd42
```
#babd42 rgb(186,189,66)
```

Analogous Color

#4642bd
```
#4642bd rgb(70,66,189)
```
#bd8342
```
#bd8342 rgb(189,131,66)
```
#42babd
```
#42babd rgb(66,186,189)
```

Split Complementary Color

#8342bd
```
#8342bd rgb(131,66,189)
```
#bd8342
```
#bd8342 rgb(189,131,66)
```
#42bd83
```
#42bd83 rgb(66,189,131)
```

Triadic Color

#bd427c
```
#bd427c rgb(189,66,124)
```
#bd8342
```
#bd8342 rgb(189,131,66)
```
#42bd83
```
#42bd83 rgb(66,189,131)
```
#427cbd
```
#427cbd rgb(66,124,189)
```

Tetradic Color

#845c2e
```
#845c2e rgb(132,92,46)
```
#976935
```
#976935 rgb(151,105,53)
```
#aa763b
```
#aa763b rgb(170,118,59)
```
#bd8342
```
#bd8342 rgb(189,131,66)
```
#c48f55
```
#c48f55 rgb(196,143,85)
```
#ca9c68
```
#ca9c68 rgb(202,156,104)
```
#d1a87b
```
#d1a87b rgb(209,168,123)
```

Monochromatic Color

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

#bd6442
```
#bd6442 rgb(189,100,66)
```
#bd6f42
```
#bd6f42 rgb(189,111,66)
```
#bd7942
```
#bd7942 rgb(189,121,66)
```
#bd8342
```
#bd8342 rgb(189,131,66)
```
#bd8d42
```
#bd8d42 rgb(189,141,66)
```
#bd9842
```
#bd9842 rgb(189,152,66)
```
#bda242
```
#bda242 rgb(189,162,66)
```

Similar Colors

Text with hexadecimal color #bd8342

This text has a font color of #bd8342.

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

#bd8342 background color

This paragraph has a background color of #bd8342.

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

#bd8342 border color

This element has a border color of #bd8342.

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

CSS codes

.text {color:#bd8342;}

.background {background-color:#bd8342;}

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

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

#0f0a05
```
#0f0a05 rgb(15,10,5)
```
#1d140a
```
#1d140a rgb(29,20,10)
```
#2c1e0f
```
#2c1e0f rgb(44,30,15)
```
#3a2814
```
#3a2814 rgb(58,40,20)
```
#493219
```
#493219 rgb(73,50,25)
```
#573c1e
```
#573c1e rgb(87,60,30)
```
#664724
```
#664724 rgb(102,71,36)
```
#745129
```
#745129 rgb(116,81,41)
```
#835b2e
```
#835b2e rgb(131,91,46)
```
#916533
```
#916533 rgb(145,101,51)
```
#a06f38
```
#a06f38 rgb(160,111,56)
```
#ae793d
```
#ae793d rgb(174,121,61)
```
#bd8342
```
#bd8342 rgb(189,131,66)
```

Shade Color Variation

#c28d51
```
#c28d51 rgb(194,141,81)
```
#c7965f
```
#c7965f rgb(199,150,95)
```
#cca06e
```
#cca06e rgb(204,160,110)
```
#d1a97c
```
#d1a97c rgb(209,169,124)
```
#d6b38b
```
#d6b38b rgb(214,179,139)
```
#dbbc99
```
#dbbc99 rgb(219,188,153)
```
#e1c6a8
```
#e1c6a8 rgb(225,198,168)
```
#e6cfb6
```
#e6cfb6 rgb(230,207,182)
```
#ebd9c5
```
#ebd9c5 rgb(235,217,197)
```
#f0e2d3
```
#f0e2d3 rgb(240,226,211)
```
#f5ece2
```
#f5ece2 rgb(245,236,226)
```
#faf5f0
```
#faf5f0 rgb(250,245,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#82807d
```
#82807d rgb(130,128,125)
```
#8c8073
```
#8c8073 rgb(140,128,115)
```
#968169
```
#968169 rgb(150,129,105)
```
#a0815f
```
#a0815f rgb(160,129,95)
```
#a98256
```
#a98256 rgb(169,130,86)
```
#b3824c
```
#b3824c rgb(179,130,76)
```
#bd8342
```
#bd8342 rgb(189,131,66)
```
#c78438
```
#c78438 rgb(199,132,56)
```
#d1842e
```
#d1842e rgb(209,132,46)
```
#da8525
```
#da8525 rgb(218,133,37)
```
#e4851b
```
#e4851b rgb(228,133,27)
```
#ee8611
```
#ee8611 rgb(238,134,17)
```
#f88607
```
#f88607 rgb(248,134,7)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#978b7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3944f Protanopia 1% of men
#b68e4a Deuteranopia 1% of men
#c5828b Tritanopia 0.001% of the population

Trichromacy

#ac8e4a Protanomaly 1% of men, 0.01% of women
#b88a47 Deuteranomaly 6% of men, 0.4% of women
#c28270 Tritanomaly 0.01% of the population

#bd8342 hex color

#bd8342 Color Information

#bd8342 Color Conversion

Color Schemes with #bd8342

Alternatives to #bd8342

#bd8342 Preview

Shades and Tints of #bd8342

Tones of #bd8342

Color Blindness Simulator