#bd9436 hex color

In a RGB color space, hex #bd9436 is composed of 74.1% red, 58% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.7% magenta, 71.4% yellow and 25.9% black. It has a hue angle of 41.8 degrees, a saturation of 55.6% and a lightness of 47.6%. #bd9436 color hex could be obtained by blending #ffff6c with #7b2900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 74
- G 58
- B 21
RGB color chart
- C 0
- M 22
- Y 71
- K 26
CMYK color chart

● #bd9436 color description : Moderate orange.

The hexadecimal color #bd9436 has RGB values of R:189, G:148, B:54 and CMYK values of C:0, M:0.22, Y:0.71, K:0.26. Its decimal value is 12424246.

Hex triplet	bd9436	`#bd9436`
RGB Decimal	189, 148, 54	`rgb(189,148,54)`
RGB Percent	74.1, 58, 21.2	`rgb(74.1%,58%,21.2%)`
CMYK	0, 22, 71, 26
HSL	41.8°, 55.6, 47.6	`hsl(41.8,55.6%,47.6%)`
HSV (or HSB)	41.8°, 71.4, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.563, 5.77, 53.341
XYZ	32.242, 32.267, 8.02
xyY	0.445, 0.445, 32.267
CIE-LCH	63.563, 53.652, 83.826
CIE-LUV	63.563, 33.764, 57.132
Hunter-Lab	56.804, 1.913, 31.392
Binary	10111101, 10010100, 00110110

#bd9436
```
#bd9436 rgb(189,148,54)
```
#365fbd
```
#365fbd rgb(54,95,189)
```

Complementary Color

#bd5136
```
#bd5136 rgb(189,81,54)
```
#bd9436
```
#bd9436 rgb(189,148,54)
```
#a3bd36
```
#a3bd36 rgb(163,189,54)
```

Analogous Color

#5136bd
```
#5136bd rgb(81,54,189)
```
#bd9436
```
#bd9436 rgb(189,148,54)
```
#36a3bd
```
#36a3bd rgb(54,163,189)
```

Split Complementary Color

#9436bd
```
#9436bd rgb(148,54,189)
```
#bd9436
```
#bd9436 rgb(189,148,54)
```
#36bd94
```
#36bd94 rgb(54,189,148)
```

Triadic Color

#bd365f
```
#bd365f rgb(189,54,95)
```
#bd9436
```
#bd9436 rgb(189,148,54)
```
#36bd94
```
#36bd94 rgb(54,189,148)
```
#365fbd
```
#365fbd rgb(54,95,189)
```

Tetradic Color

#826525
```
#826525 rgb(130,101,37)
```
#95752b
```
#95752b rgb(149,117,43)
```
#a98430
```
#a98430 rgb(169,132,48)
```
#bd9436
```
#bd9436 rgb(189,148,54)
```
#c9a143
```
#c9a143 rgb(201,161,67)
```
#cfab57
```
#cfab57 rgb(207,171,87)
```
#d5b56b
```
#d5b56b rgb(213,181,107)
```

Monochromatic Color

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

#bd7236
```
#bd7236 rgb(189,114,54)
```
#bd7e36
```
#bd7e36 rgb(189,126,54)
```
#bd8936
```
#bd8936 rgb(189,137,54)
```
#bd9436
```
#bd9436 rgb(189,148,54)
```
#bd9f36
```
#bd9f36 rgb(189,159,54)
```
#bdab36
```
#bdab36 rgb(189,171,54)
```
#bdb636
```
#bdb636 rgb(189,182,54)
```

Similar Colors

Text with hexadecimal color #bd9436

This text has a font color of #bd9436.

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

#bd9436 background color

This paragraph has a background color of #bd9436.

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

#bd9436 border color

This element has a border color of #bd9436.

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

CSS codes

.text {color:#bd9436;}

.background {background-color:#bd9436;}

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

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

#060502
```
#060502 rgb(6,5,2)
```
#151106
```
#151106 rgb(21,17,6)
```
#241d0a
```
#241d0a rgb(36,29,10)
```
#34280f
```
#34280f rgb(52,40,15)
```
#433413
```
#433413 rgb(67,52,19)
```
#524017
```
#524017 rgb(82,64,23)
```
#614c1c
```
#614c1c rgb(97,76,28)
```
#715820
```
#715820 rgb(113,88,32)
```
#806425
```
#806425 rgb(128,100,37)
```
#8f7029
```
#8f7029 rgb(143,112,41)
```
#9e7c2d
```
#9e7c2d rgb(158,124,45)
```
#ae8832
```
#ae8832 rgb(174,136,50)
```
#bd9436
```
#bd9436 rgb(189,148,54)
```

Shade Color Variation

#c89e3f
```
#c89e3f rgb(200,158,63)
```
#cca64e
```
#cca64e rgb(204,166,78)
```
#d1ae5d
```
#d1ae5d rgb(209,174,93)
```
#d5b56c
```
#d5b56c rgb(213,181,108)
```
#d9bd7c
```
#d9bd7c rgb(217,189,124)
```
#dec58b
```
#dec58b rgb(222,197,139)
```
#e2cc9a
```
#e2cc9a rgb(226,204,154)
```
#e7d4a9
```
#e7d4a9 rgb(231,212,169)
```
#ebdcb9
```
#ebdcb9 rgb(235,220,185)
```
#efe3c8
```
#efe3c8 rgb(239,227,200)
```
#f4ebd7
```
#f4ebd7 rgb(244,235,215)
```
#f8f3e6
```
#f8f3e6 rgb(248,243,230)
```
#fcfaf6
```
#fcfaf6 rgb(252,250,246)
```

Tint Color Variation

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

#7c7a77
```
#7c7a77 rgb(124,122,119)
```
#857e6e
```
#857e6e rgb(133,126,110)
```
#8e8265
```
#8e8265 rgb(142,130,101)
```
#98855b
```
#98855b rgb(152,133,91)
```
#a18952
```
#a18952 rgb(161,137,82)
```
#aa8d49
```
#aa8d49 rgb(170,141,73)
```
#b4903f
```
#b4903f rgb(180,144,63)
```
#bd9436
```
#bd9436 rgb(189,148,54)
```
#c6982d
```
#c6982d rgb(198,152,45)
```
#d09b23
```
#d09b23 rgb(208,155,35)
```
#d99f1a
```
#d99f1a rgb(217,159,26)
```
#e2a311
```
#e2a311 rgb(226,163,17)
```
#eca607
```
#eca607 rgb(236,166,7)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9e9683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09f42 Protanopia 1% of men
#c49741 Deuteranopia 1% of men
#c7909a Tritanopia 0.001% of the population

Trichromacy

#b59b3d Protanomaly 1% of men, 0.01% of women
#c1963d Deuteranomaly 6% of men, 0.4% of women
#c39175 Tritanomaly 0.01% of the population

#bd9436 hex color

#bd9436 Color Information

#bd9436 Color Conversion

Color Schemes with #bd9436

Alternatives to #bd9436

#bd9436 Preview

Shades and Tints of #bd9436

Tones of #bd9436

Color Blindness Simulator