#bd853f hex color

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

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

● #bd853f color description : Moderate orange.

The hexadecimal color #bd853f has RGB values of R:189, G:133, B:63 and CMYK values of C:0, M:0.3, Y:0.67, K:0.26. Its decimal value is 12420415.

Hex triplet	bd853f	`#bd853f`
RGB Decimal	189, 133, 63	`rgb(189,133,63)`
RGB Percent	74.1, 52.2, 24.7	`rgb(74.1%,52.2%,24.7%)`
CMYK	0, 30, 67, 26
HSL	33.3°, 50, 49.4	`hsl(33.3,50%,49.4%)`
HSV (or HSB)	33.3°, 66.7, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.848, 14.527, 45.282
XYZ	30.272, 27.955, 8.504
xyY	0.454, 0.419, 27.955
CIE-LCH	59.848, 47.555, 72.213
CIE-LUV	59.848, 44.366, 47.627
Hunter-Lab	52.872, 9.673, 27.474
Binary	10111101, 10000101, 00111111

#bd853f
```
#bd853f rgb(189,133,63)
```
#3f77bd
```
#3f77bd rgb(63,119,189)
```

Complementary Color

#bd463f
```
#bd463f rgb(189,70,63)
```
#bd853f
```
#bd853f rgb(189,133,63)
```
#b6bd3f
```
#b6bd3f rgb(182,189,63)
```

Analogous Color

#463fbd
```
#463fbd rgb(70,63,189)
```
#bd853f
```
#bd853f rgb(189,133,63)
```
#3fb6bd
```
#3fb6bd rgb(63,182,189)
```

Split Complementary Color

#853fbd
```
#853fbd rgb(133,63,189)
```
#bd853f
```
#bd853f rgb(189,133,63)
```
#3fbd85
```
#3fbd85 rgb(63,189,133)
```

Triadic Color

#bd3f77
```
#bd3f77 rgb(189,63,119)
```
#bd853f
```
#bd853f rgb(189,133,63)
```
#3fbd85
```
#3fbd85 rgb(63,189,133)
```
#3f77bd
```
#3f77bd rgb(63,119,189)
```

Tetradic Color

#845d2c
```
#845d2c rgb(132,93,44)
```
#976a32
```
#976a32 rgb(151,106,50)
```
#aa7839
```
#aa7839 rgb(170,120,57)
```
#bd853f
```
#bd853f rgb(189,133,63)
```
#c59151
```
#c59151 rgb(197,145,81)
```
#cb9d64
```
#cb9d64 rgb(203,157,100)
```
#d2a977
```
#d2a977 rgb(210,169,119)
```

Monochromatic Color

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

#bd663f
```
#bd663f rgb(189,102,63)
```
#bd703f
```
#bd703f rgb(189,112,63)
```
#bd7b3f
```
#bd7b3f rgb(189,123,63)
```
#bd853f
```
#bd853f rgb(189,133,63)
```
#bd903f
```
#bd903f rgb(189,144,63)
```
#bd9a3f
```
#bd9a3f rgb(189,154,63)
```
#bda53f
```
#bda53f rgb(189,165,63)
```

Similar Colors

Text with hexadecimal color #bd853f

This text has a font color of #bd853f.

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

#bd853f background color

This paragraph has a background color of #bd853f.

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

#bd853f border color

This element has a border color of #bd853f.

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

CSS codes

.text {color:#bd853f;}

.background {background-color:#bd853f;}

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

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)
```
#1b1309
```
#1b1309 rgb(27,19,9)
```
#2a1d0e
```
#2a1d0e rgb(42,29,14)
```
#392813
```
#392813 rgb(57,40,19)
```
#473218
```
#473218 rgb(71,50,24)
```
#563d1d
```
#563d1d rgb(86,61,29)
```
#654722
```
#654722 rgb(101,71,34)
```
#735126
```
#735126 rgb(115,81,38)
```
#825c2b
```
#825c2b rgb(130,92,43)
```
#916630
```
#916630 rgb(145,102,48)
```
#a07035
```
#a07035 rgb(160,112,53)
```
#ae7b3a
```
#ae7b3a rgb(174,123,58)
```
#bd853f
```
#bd853f rgb(189,133,63)
```

Shade Color Variation

#c38e4c
```
#c38e4c rgb(195,142,76)
```
#c8985b
```
#c8985b rgb(200,152,91)
```
#cda16a
```
#cda16a rgb(205,161,106)
```
#d2aa78
```
#d2aa78 rgb(210,170,120)
```
#d7b387
```
#d7b387 rgb(215,179,135)
```
#dcbd96
```
#dcbd96 rgb(220,189,150)
```
#e1c6a4
```
#e1c6a4 rgb(225,198,164)
```
#e6cfb3
```
#e6cfb3 rgb(230,207,179)
```
#ebd9c2
```
#ebd9c2 rgb(235,217,194)
```
#f0e2d1
```
#f0e2d1 rgb(240,226,209)
```
#f4ebdf
```
#f4ebdf rgb(244,235,223)
```
#f9f4ee
```
#f9f4ee rgb(249,244,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 #f78b05 is the most saturated one.

#837f79
```
#837f79 rgb(131,127,121)
```
#8d806f
```
#8d806f rgb(141,128,111)
```
#968166
```
#968166 rgb(150,129,102)
```
#a0825c
```
#a0825c rgb(160,130,92)
```
#aa8352
```
#aa8352 rgb(170,131,82)
```
#b38449
```
#b38449 rgb(179,132,73)
```
#bd853f
```
#bd853f rgb(189,133,63)
```
#c78635
```
#c78635 rgb(199,134,53)
```
#d0872c
```
#d0872c rgb(208,135,44)
```
#da8822
```
#da8822 rgb(218,136,34)
```
#e48918
```
#e48918 rgb(228,137,24)
```
#ed8a0f
```
#ed8a0f rgb(237,138,15)
```
#f78b05
```
#f78b05 rgb(247,139,5)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#978c7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5964c Protanopia 1% of men
#b78f47 Deuteranopia 1% of men
#c5838c Tritanopia 0.001% of the population

Trichromacy

#ad8f47 Protanomaly 1% of men, 0.01% of women
#b98b44 Deuteranomaly 6% of men, 0.4% of women
#c28470 Tritanomaly 0.01% of the population

#bd853f hex color

#bd853f Color Information

#bd853f Color Conversion

Color Schemes with #bd853f

Alternatives to #bd853f

#bd853f Preview

Shades and Tints of #bd853f

Tones of #bd853f

Color Blindness Simulator