#bd883f hex color

In a RGB color space, hex #bd883f is composed of 74.1% red, 53.3% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 66.7% yellow and 25.9% black. It has a hue angle of 34.8 degrees, a saturation of 50% and a lightness of 49.4%. #bd883f color hex could be obtained by blending #ffff7e with #7b1100. Closest websafe color is: #cc9933.

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

● #bd883f color description : Moderate orange.

The hexadecimal color #bd883f has RGB values of R:189, G:136, B:63 and CMYK values of C:0, M:0.28, Y:0.67, K:0.26. Its decimal value is 12421183.

Hex triplet	bd883f	`#bd883f`
RGB Decimal	189, 136, 63	`rgb(189,136,63)`
RGB Percent	74.1, 53.3, 24.7	`rgb(74.1%,53.3%,24.7%)`
CMYK	0, 28, 67, 26
HSL	34.8°, 50, 49.4	`hsl(34.8,50%,49.4%)`
HSV (or HSB)	34.8°, 66.7, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.594, 12.87, 46.106
XYZ	30.688, 28.788, 8.643
xyY	0.451, 0.423, 28.788
CIE-LCH	60.594, 47.868, 74.404
CIE-LUV	60.594, 42.127, 48.929
Hunter-Lab	53.654, 8.2, 28.007
Binary	10111101, 10001000, 00111111

#bd883f
```
#bd883f rgb(189,136,63)
```
#3f74bd
```
#3f74bd rgb(63,116,189)
```

Complementary Color

#bd493f
```
#bd493f rgb(189,73,63)
```
#bd883f
```
#bd883f rgb(189,136,63)
```
#b3bd3f
```
#b3bd3f rgb(179,189,63)
```

Analogous Color

#493fbd
```
#493fbd rgb(73,63,189)
```
#bd883f
```
#bd883f rgb(189,136,63)
```
#3fb3bd
```
#3fb3bd rgb(63,179,189)
```

Split Complementary Color

#883fbd
```
#883fbd rgb(136,63,189)
```
#bd883f
```
#bd883f rgb(189,136,63)
```
#3fbd88
```
#3fbd88 rgb(63,189,136)
```

Triadic Color

#bd3f74
```
#bd3f74 rgb(189,63,116)
```
#bd883f
```
#bd883f rgb(189,136,63)
```
#3fbd88
```
#3fbd88 rgb(63,189,136)
```
#3f74bd
```
#3f74bd rgb(63,116,189)
```

Tetradic Color

#845f2c
```
#845f2c rgb(132,95,44)
```
#976c32
```
#976c32 rgb(151,108,50)
```
#aa7a39
```
#aa7a39 rgb(170,122,57)
```
#bd883f
```
#bd883f rgb(189,136,63)
```
#c59451
```
#c59451 rgb(197,148,81)
```
#cba064
```
#cba064 rgb(203,160,100)
```
#d2ab77
```
#d2ab77 rgb(210,171,119)
```

Monochromatic Color

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

#bd693f
```
#bd693f rgb(189,105,63)
```
#bd733f
```
#bd733f rgb(189,115,63)
```
#bd7e3f
```
#bd7e3f rgb(189,126,63)
```
#bd883f
```
#bd883f rgb(189,136,63)
```
#bd933f
```
#bd933f rgb(189,147,63)
```
#bd9d3f
```
#bd9d3f rgb(189,157,63)
```
#bda83f
```
#bda83f rgb(189,168,63)
```

Similar Colors

Text with hexadecimal color #bd883f

This text has a font color of #bd883f.

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

#bd883f background color

This paragraph has a background color of #bd883f.

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

#bd883f border color

This element has a border color of #bd883f.

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

CSS codes

.text {color:#bd883f;}

.background {background-color:#bd883f;}

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

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

#0c0904
```
#0c0904 rgb(12,9,4)
```
#1b1409
```
#1b1409 rgb(27,20,9)
```
#2a1e0e
```
#2a1e0e rgb(42,30,14)
```
#392913
```
#392913 rgb(57,41,19)
```
#473318
```
#473318 rgb(71,51,24)
```
#563e1d
```
#563e1d rgb(86,62,29)
```
#654822
```
#654822 rgb(101,72,34)
```
#735326
```
#735326 rgb(115,83,38)
```
#825e2b
```
#825e2b rgb(130,94,43)
```
#916830
```
#916830 rgb(145,104,48)
```
#a07335
```
#a07335 rgb(160,115,53)
```
#ae7d3a
```
#ae7d3a rgb(174,125,58)
```
#bd883f
```
#bd883f rgb(189,136,63)
```

Shade Color Variation

#c3914c
```
#c3914c rgb(195,145,76)
```
#c89a5b
```
#c89a5b rgb(200,154,91)
```
#cda36a
```
#cda36a rgb(205,163,106)
```
#d2ac78
```
#d2ac78 rgb(210,172,120)
```
#d7b587
```
#d7b587 rgb(215,181,135)
```
#dcbe96
```
#dcbe96 rgb(220,190,150)
```
#e1c7a4
```
#e1c7a4 rgb(225,199,164)
```
#e6d0b3
```
#e6d0b3 rgb(230,208,179)
```
#ebdac2
```
#ebdac2 rgb(235,218,194)
```
#f0e3d1
```
#f0e3d1 rgb(240,227,209)
```
#f4ecdf
```
#f4ecdf rgb(244,236,223)
```
#f9f5ee
```
#f9f5ee rgb(249,245,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#837f79
```
#837f79 rgb(131,127,121)
```
#8d806f
```
#8d806f rgb(141,128,111)
```
#968266
```
#968266 rgb(150,130,102)
```
#a0835c
```
#a0835c rgb(160,131,92)
```
#aa8552
```
#aa8552 rgb(170,133,82)
```
#b38649
```
#b38649 rgb(179,134,73)
```
#bd883f
```
#bd883f rgb(189,136,63)
```
#c78a35
```
#c78a35 rgb(199,138,53)
```
#d08b2c
```
#d08b2c rgb(208,139,44)
```
#da8d22
```
#da8d22 rgb(218,141,34)
```
#e48e18
```
#e48e18 rgb(228,142,24)
```
#ed900f
```
#ed900f rgb(237,144,15)
```
#f79105
```
#f79105 rgb(247,145,5)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#998e80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7974b Protanopia 1% of men
#ba9048 Deuteranopia 1% of men
#c5868f Tritanopia 0.001% of the population

Trichromacy

#af9247 Protanomaly 1% of men, 0.01% of women
#bb8d44 Deuteranomaly 6% of men, 0.4% of women
#c28772 Tritanomaly 0.01% of the population

#bd883f hex color

#bd883f Color Information

#bd883f Color Conversion

Color Schemes with #bd883f

Alternatives to #bd883f

#bd883f Preview

Shades and Tints of #bd883f

Tones of #bd883f

Color Blindness Simulator