#bd884e hex color

In a RGB color space, hex #bd884e is composed of 74.1% red, 53.3% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 58.7% yellow and 25.9% black. It has a hue angle of 31.4 degrees, a saturation of 45.7% and a lightness of 52.4%. #bd884e color hex could be obtained by blending #ffff9c with #7b1100. Closest websafe color is: #cc9966.

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

● #bd884e color description : Moderate orange.

The hexadecimal color #bd884e has RGB values of R:189, G:136, B:78 and CMYK values of C:0, M:0.28, Y:0.59, K:0.26. Its decimal value is 12421198.

Hex triplet	bd884e	`#bd884e`
RGB Decimal	189, 136, 78	`rgb(189,136,78)`
RGB Percent	74.1, 53.3, 30.6	`rgb(74.1%,53.3%,30.6%)`
CMYK	0, 28, 59, 26
HSL	31.4°, 45.7, 52.4	`hsl(31.4,45.7%,52.4%)`
HSV (or HSB)	31.4°, 58.7, 74.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.763, 13.912, 38.754
XYZ	31.166, 28.979, 11.159
xyY	0.437, 0.406, 28.979
CIE-LCH	60.763, 41.176, 70.253
CIE-LUV	60.763, 40.937, 42.645
Hunter-Lab	53.832, 9.136, 25.392
Binary	10111101, 10001000, 01001110

#bd884e
```
#bd884e rgb(189,136,78)
```
#4e83bd
```
#4e83bd rgb(78,131,189)
```

Complementary Color

#bd514e
```
#bd514e rgb(189,81,78)
```
#bd884e
```
#bd884e rgb(189,136,78)
```
#bbbd4e
```
#bbbd4e rgb(187,189,78)
```

Analogous Color

#514ebd
```
#514ebd rgb(81,78,189)
```
#bd884e
```
#bd884e rgb(189,136,78)
```
#4ebbbd
```
#4ebbbd rgb(78,187,189)
```

Split Complementary Color

#884ebd
```
#884ebd rgb(136,78,189)
```
#bd884e
```
#bd884e rgb(189,136,78)
```
#4ebd88
```
#4ebd88 rgb(78,189,136)
```

Triadic Color

#bd4e83
```
#bd4e83 rgb(189,78,131)
```
#bd884e
```
#bd884e rgb(189,136,78)
```
#4ebd88
```
#4ebd88 rgb(78,189,136)
```
#4e83bd
```
#4e83bd rgb(78,131,189)
```

Tetradic Color

#8b6134
```
#8b6134 rgb(139,97,52)
```
#9d6e3b
```
#9d6e3b rgb(157,110,59)
```
#b07b42
```
#b07b42 rgb(176,123,66)
```
#bd884e
```
#bd884e rgb(189,136,78)
```
#c49461
```
#c49461 rgb(196,148,97)
```
#cba173
```
#cba173 rgb(203,161,115)
```
#d2ad86
```
#d2ad86 rgb(210,173,134)
```

Monochromatic Color

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

#bd6c4e
```
#bd6c4e rgb(189,108,78)
```
#bd764e
```
#bd764e rgb(189,118,78)
```
#bd7f4e
```
#bd7f4e rgb(189,127,78)
```
#bd884e
```
#bd884e rgb(189,136,78)
```
#bd914e
```
#bd914e rgb(189,145,78)
```
#bd9b4e
```
#bd9b4e rgb(189,155,78)
```
#bda44e
```
#bda44e rgb(189,164,78)
```

Similar Colors

Text with hexadecimal color #bd884e

This text has a font color of #bd884e.

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

#bd884e background color

This paragraph has a background color of #bd884e.

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

#bd884e border color

This element has a border color of #bd884e.

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

CSS codes

.text {color:#bd884e;}

.background {background-color:#bd884e;}

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

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

#090603
```
#090603 rgb(9,6,3)
```
#171009
```
#171009 rgb(23,16,9)
```
#251a0e
```
#251a0e rgb(37,26,14)
```
#342413
```
#342413 rgb(52,36,19)
```
#422e19
```
#422e19 rgb(66,46,25)
```
#50381e
```
#50381e rgb(80,56,30)
```
#5e4223
```
#5e4223 rgb(94,66,35)
```
#6d4c29
```
#6d4c29 rgb(109,76,41)
```
#7b562e
```
#7b562e rgb(123,86,46)
```
#896033
```
#896033 rgb(137,96,51)
```
#986a39
```
#986a39 rgb(152,106,57)
```
#a6743e
```
#a6743e rgb(166,116,62)
```
#b47e43
```
#b47e43 rgb(180,126,67)
```

Shade Color Variation

#bd884e
```
#bd884e rgb(189,136,78)
```
#c2925c
```
#c2925c rgb(194,146,92)
```
#c89b6b
```
#c89b6b rgb(200,155,107)
```
#cda579
```
#cda579 rgb(205,165,121)
```
#d2ae87
```
#d2ae87 rgb(210,174,135)
```
#d8b895
```
#d8b895 rgb(216,184,149)
```
#ddc2a4
```
#ddc2a4 rgb(221,194,164)
```
#e2cbb2
```
#e2cbb2 rgb(226,203,178)
```
#e8d5c0
```
#e8d5c0 rgb(232,213,192)
```
#eddecf
```
#eddecf rgb(237,222,207)
```
#f2e8dd
```
#f2e8dd rgb(242,232,221)
```
#f8f2eb
```
#f8f2eb rgb(248,242,235)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

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

#8e867d
```
#8e867d rgb(142,134,125)
```
#988673
```
#988673 rgb(152,134,115)
```
#a1876a
```
#a1876a rgb(161,135,106)
```
#aa8761
```
#aa8761 rgb(170,135,97)
```
#b48857
```
#b48857 rgb(180,136,87)
```
#bd884e
```
#bd884e rgb(189,136,78)
```
#c68845
```
#c68845 rgb(198,136,69)
```
#d0893b
```
#d0893b rgb(208,137,59)
```
#d98932
```
#d98932 rgb(217,137,50)
```
#e28a29
```
#e28a29 rgb(226,138,41)
```
#ec8a1f
```
#ec8a1f rgb(236,138,31)
```
#f58b16
```
#f58b16 rgb(245,139,22)
```
#fe8b0d
```
#fe8b0d rgb(254,139,13)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#9a8f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6985a Protanopia 1% of men
#b89156 Deuteranopia 1% of men
#c58790 Tritanopia 0.001% of the population

Trichromacy

#ae9256 Protanomaly 1% of men, 0.01% of women
#ba8e53 Deuteranomaly 6% of men, 0.4% of women
#c28778 Tritanomaly 0.01% of the population

#bd884e hex color

#bd884e Color Information

#bd884e Color Conversion

Color Schemes with #bd884e

Alternatives to #bd884e

#bd884e Preview

Shades and Tints of #bd884e

Tones of #bd884e

Color Blindness Simulator