#bd893f hex color

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

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

● #bd893f color description : Moderate orange.

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

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

CIE-LAB	60.844, 12.318, 46.381
XYZ	30.83, 29.071, 8.69
xyY	0.449, 0.424, 29.071
CIE-LCH	60.844, 47.989, 75.127
CIE-LUV	60.844, 41.383, 49.364
Hunter-Lab	53.917, 7.71, 28.186
Binary	10111101, 10001001, 00111111

#bd893f
```
#bd893f rgb(189,137,63)
```
#3f73bd
```
#3f73bd rgb(63,115,189)
```

Complementary Color

#bd4a3f
```
#bd4a3f rgb(189,74,63)
```
#bd893f
```
#bd893f rgb(189,137,63)
```
#b2bd3f
```
#b2bd3f rgb(178,189,63)
```

Analogous Color

#4a3fbd
```
#4a3fbd rgb(74,63,189)
```
#bd893f
```
#bd893f rgb(189,137,63)
```
#3fb2bd
```
#3fb2bd rgb(63,178,189)
```

Split Complementary Color

#893fbd
```
#893fbd rgb(137,63,189)
```
#bd893f
```
#bd893f rgb(189,137,63)
```
#3fbd89
```
#3fbd89 rgb(63,189,137)
```

Triadic Color

#bd3f73
```
#bd3f73 rgb(189,63,115)
```
#bd893f
```
#bd893f rgb(189,137,63)
```
#3fbd89
```
#3fbd89 rgb(63,189,137)
```
#3f73bd
```
#3f73bd rgb(63,115,189)
```

Tetradic Color

#845f2c
```
#845f2c rgb(132,95,44)
```
#976d32
```
#976d32 rgb(151,109,50)
```
#aa7b39
```
#aa7b39 rgb(170,123,57)
```
#bd893f
```
#bd893f rgb(189,137,63)
```
#c59551
```
#c59551 rgb(197,149,81)
```
#cba164
```
#cba164 rgb(203,161,100)
```
#d2ac77
```
#d2ac77 rgb(210,172,119)
```

Monochromatic Color

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

#bd6a3f
```
#bd6a3f rgb(189,106,63)
```
#bd743f
```
#bd743f rgb(189,116,63)
```
#bd7f3f
```
#bd7f3f rgb(189,127,63)
```
#bd893f
```
#bd893f rgb(189,137,63)
```
#bd943f
```
#bd943f rgb(189,148,63)
```
#bd9e3f
```
#bd9e3f rgb(189,158,63)
```
#bda93f
```
#bda93f rgb(189,169,63)
```

Similar Colors

Text with hexadecimal color #bd893f

This text has a font color of #bd893f.

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

#bd893f background color

This paragraph has a background color of #bd893f.

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

#bd893f border color

This element has a border color of #bd893f.

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

CSS codes

.text {color:#bd893f;}

.background {background-color:#bd893f;}

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

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)
```
#473418
```
#473418 rgb(71,52,24)
```
#563e1d
```
#563e1d rgb(86,62,29)
```
#654922
```
#654922 rgb(101,73,34)
```
#735426
```
#735426 rgb(115,84,38)
```
#825e2b
```
#825e2b rgb(130,94,43)
```
#916930
```
#916930 rgb(145,105,48)
```
#a07435
```
#a07435 rgb(160,116,53)
```
#ae7e3a
```
#ae7e3a rgb(174,126,58)
```
#bd893f
```
#bd893f rgb(189,137,63)
```

Shade Color Variation

#c3924c
```
#c3924c rgb(195,146,76)
```
#c89b5b
```
#c89b5b rgb(200,155,91)
```
#cda46a
```
#cda46a rgb(205,164,106)
```
#d2ad78
```
#d2ad78 rgb(210,173,120)
```
#d7b687
```
#d7b687 rgb(215,182,135)
```
#dcbf96
```
#dcbf96 rgb(220,191,150)
```
#e1c8a4
```
#e1c8a4 rgb(225,200,164)
```
#e6d1b3
```
#e6d1b3 rgb(230,209,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 #f79305 is the most saturated one.

#837f79
```
#837f79 rgb(131,127,121)
```
#8d816f
```
#8d816f rgb(141,129,111)
```
#968266
```
#968266 rgb(150,130,102)
```
#a0845c
```
#a0845c rgb(160,132,92)
```
#aa8652
```
#aa8652 rgb(170,134,82)
```
#b38749
```
#b38749 rgb(179,135,73)
```
#bd893f
```
#bd893f rgb(189,137,63)
```
#c78b35
```
#c78b35 rgb(199,139,53)
```
#d08c2c
```
#d08c2c rgb(208,140,44)
```
#da8e22
```
#da8e22 rgb(218,142,34)
```
#e49018
```
#e49018 rgb(228,144,24)
```
#ed910f
```
#ed910f rgb(237,145,15)
```
#f79305
```
#f79305 rgb(247,147,5)
```

Tone Color Variation

Below, you can see how #bd893f 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
#998f80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8984b Protanopia 1% of men
#bb9148 Deuteranopia 1% of men
#c68790 Tritanopia 0.001% of the population

Trichromacy

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

#bd893f hex color

#bd893f Color Information

#bd893f Color Conversion

Color Schemes with #bd893f

Alternatives to #bd893f

#bd893f Preview

Shades and Tints of #bd893f

Tones of #bd893f

Color Blindness Simulator