#bd8f30 hex color

In a RGB color space, hex #bd8f30 is composed of 74.1% red, 56.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.3% magenta, 74.6% yellow and 25.9% black. It has a hue angle of 40.4 degrees, a saturation of 59.5% and a lightness of 46.5%. #bd8f30 color hex could be obtained by blending #ffff60 with #7b1f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 74
- G 56
- B 19
RGB color chart
- C 0
- M 24
- Y 75
- K 26
CMYK color chart

● #bd8f30 color description : Moderate orange.

The hexadecimal color #bd8f30 has RGB values of R:189, G:143, B:48 and CMYK values of C:0, M:0.24, Y:0.75, K:0.26. Its decimal value is 12422960.

Hex triplet	bd8f30	`#bd8f30`
RGB Decimal	189, 143, 48	`rgb(189,143,48)`
RGB Percent	74.1, 56.1, 18.8	`rgb(74.1%,56.1%,18.8%)`
CMYK	0, 24, 75, 26
HSL	40.4°, 59.5, 46.5	`hsl(40.4,59.5%,46.5%)`
HSV (or HSB)	40.4°, 74.6, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.236, 8.215, 54.514
XYZ	31.343, 30.679, 7.067
xyY	0.454, 0.444, 30.679
CIE-LCH	62.236, 55.129, 81.43
CIE-LUV	62.236, 37.766, 56.777
Hunter-Lab	55.388, 4.078, 31.207
Binary	10111101, 10001111, 00110000

#bd8f30
```
#bd8f30 rgb(189,143,48)
```
#305ebd
```
#305ebd rgb(48,94,189)
```

Complementary Color

#bd4930
```
#bd4930 rgb(189,73,48)
```
#bd8f30
```
#bd8f30 rgb(189,143,48)
```
#a5bd30
```
#a5bd30 rgb(165,189,48)
```

Analogous Color

#4930bd
```
#4930bd rgb(73,48,189)
```
#bd8f30
```
#bd8f30 rgb(189,143,48)
```
#30a5bd
```
#30a5bd rgb(48,165,189)
```

Split Complementary Color

#8f30bd
```
#8f30bd rgb(143,48,189)
```
#bd8f30
```
#bd8f30 rgb(189,143,48)
```
#30bd8f
```
#30bd8f rgb(48,189,143)
```

Triadic Color

#bd305e
```
#bd305e rgb(189,48,94)
```
#bd8f30
```
#bd8f30 rgb(189,143,48)
```
#30bd8f
```
#30bd8f rgb(48,189,143)
```
#305ebd
```
#305ebd rgb(48,94,189)
```

Tetradic Color

#806121
```
#806121 rgb(128,97,33)
```
#947026
```
#947026 rgb(148,112,38)
```
#a9802b
```
#a9802b rgb(169,128,43)
```
#bd8f30
```
#bd8f30 rgb(189,143,48)
```
#cd9d3a
```
#cd9d3a rgb(205,157,58)
```
#d2a74e
```
#d2a74e rgb(210,167,78)
```
#d7b162
```
#d7b162 rgb(215,177,98)
```

Monochromatic Color

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

#bd6c30
```
#bd6c30 rgb(189,108,48)
```
#bd7830
```
#bd7830 rgb(189,120,48)
```
#bd8330
```
#bd8330 rgb(189,131,48)
```
#bd8f30
```
#bd8f30 rgb(189,143,48)
```
#bd9b30
```
#bd9b30 rgb(189,155,48)
```
#bda730
```
#bda730 rgb(189,167,48)
```
#bdb230
```
#bdb230 rgb(189,178,48)
```

Similar Colors

Text with hexadecimal color #bd8f30

This text has a font color of #bd8f30.

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

#bd8f30 background color

This paragraph has a background color of #bd8f30.

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

#bd8f30 border color

This element has a border color of #bd8f30.

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

CSS codes

.text {color:#bd8f30;}

.background {background-color:#bd8f30;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110d04
```
#110d04 rgb(17,13,4)
```
#211908
```
#211908 rgb(33,25,8)
```
#30240c
```
#30240c rgb(48,36,12)
```
#403010
```
#403010 rgb(64,48,16)
```
#503c14
```
#503c14 rgb(80,60,20)
```
#5f4818
```
#5f4818 rgb(95,72,24)
```
#6f541c
```
#6f541c rgb(111,84,28)
```
#7e6020
```
#7e6020 rgb(126,96,32)
```
#8e6b24
```
#8e6b24 rgb(142,107,36)
```
#9e7728
```
#9e7728 rgb(158,119,40)
```
#ad832c
```
#ad832c rgb(173,131,44)
```
#bd8f30
```
#bd8f30 rgb(189,143,48)
```

Shade Color Variation

#cc9b35
```
#cc9b35 rgb(204,155,53)
```
#d0a245
```
#d0a245 rgb(208,162,69)
```
#d4aa54
```
#d4aa54 rgb(212,170,84)
```
#d8b264
```
#d8b264 rgb(216,178,100)
```
#dcba74
```
#dcba74 rgb(220,186,116)
```
#e0c183
```
#e0c183 rgb(224,193,131)
```
#e4c993
```
#e4c993 rgb(228,201,147)
```
#e7d1a2
```
#e7d1a2 rgb(231,209,162)
```
#ebd9b2
```
#ebd9b2 rgb(235,217,178)
```
#efe1c2
```
#efe1c2 rgb(239,225,194)
```
#f3e8d1
```
#f3e8d1 rgb(243,232,209)
```
#f7f0e1
```
#f7f0e1 rgb(247,240,225)
```
#fbf8f1
```
#fbf8f1 rgb(251,248,241)
```

Tint Color Variation

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

#7d7970
```
#7d7970 rgb(125,121,112)
```
#867c67
```
#867c67 rgb(134,124,103)
```
#8f7f5e
```
#8f7f5e rgb(143,127,94)
```
#998254
```
#998254 rgb(153,130,84)
```
#a2854b
```
#a2854b rgb(162,133,75)
```
#ab8942
```
#ab8942 rgb(171,137,66)
```
#b48c39
```
#b48c39 rgb(180,140,57)
```
#bd8f30
```
#bd8f30 rgb(189,143,48)
```
#c69227
```
#c69227 rgb(198,146,39)
```
#cf951e
```
#cf951e rgb(207,149,30)
```
#d89915
```
#d89915 rgb(216,153,21)
```
#e19c0c
```
#e19c0c rgb(225,156,12)
```
#eb9f02
```
#eb9f02 rgb(235,159,2)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#9b917e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9c3c Protanopia 1% of men
#c0943a Deuteranopia 1% of men
#c78b95 Tritanopia 0.001% of the population

Trichromacy

#b39738 Protanomaly 1% of men, 0.01% of women
#bf9236 Deuteranomaly 6% of men, 0.4% of women
#c38d70 Tritanomaly 0.01% of the population

#bd8f30 hex color

#bd8f30 Color Information

#bd8f30 Color Conversion

Color Schemes with #bd8f30

Alternatives to #bd8f30

#bd8f30 Preview

Shades and Tints of #bd8f30

Tones of #bd8f30

Color Blindness Simulator