#bd8a30 hex color

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

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

● #bd8a30 color description : Moderate orange.

The hexadecimal color #bd8a30 has RGB values of R:189, G:138, B:48 and CMYK values of C:0, M:0.27, Y:0.75, K:0.26. Its decimal value is 12421680.

Hex triplet	bd8a30	`#bd8a30`
RGB Decimal	189, 138, 48	`rgb(189,138,48)`
RGB Percent	74.1, 54.1, 18.8	`rgb(74.1%,54.1%,18.8%)`
CMYK	0, 27, 75, 26
HSL	38.3°, 59.5, 46.5	`hsl(38.3,59.5%,46.5%)`
HSV (or HSB)	38.3°, 74.6, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.967, 10.964, 53.266
XYZ	30.609, 29.211, 6.822
xyY	0.459, 0.438, 29.211
CIE-LCH	60.967, 54.382, 78.369
CIE-LUV	60.967, 41.544, 54.707
Hunter-Lab	54.047, 6.508, 30.349
Binary	10111101, 10001010, 00110000

#bd8a30
```
#bd8a30 rgb(189,138,48)
```
#3063bd
```
#3063bd rgb(48,99,189)
```

Complementary Color

#bd4330
```
#bd4330 rgb(189,67,48)
```
#bd8a30
```
#bd8a30 rgb(189,138,48)
```
#aabd30
```
#aabd30 rgb(170,189,48)
```

Analogous Color

#4330bd
```
#4330bd rgb(67,48,189)
```
#bd8a30
```
#bd8a30 rgb(189,138,48)
```
#30aabd
```
#30aabd rgb(48,170,189)
```

Split Complementary Color

#8a30bd
```
#8a30bd rgb(138,48,189)
```
#bd8a30
```
#bd8a30 rgb(189,138,48)
```
#30bd8a
```
#30bd8a rgb(48,189,138)
```

Triadic Color

#bd3063
```
#bd3063 rgb(189,48,99)
```
#bd8a30
```
#bd8a30 rgb(189,138,48)
```
#30bd8a
```
#30bd8a rgb(48,189,138)
```
#3063bd
```
#3063bd rgb(48,99,189)
```

Tetradic Color

#805d21
```
#805d21 rgb(128,93,33)
```
#946c26
```
#946c26 rgb(148,108,38)
```
#a97b2b
```
#a97b2b rgb(169,123,43)
```
#bd8a30
```
#bd8a30 rgb(189,138,48)
```
#cd983a
```
#cd983a rgb(205,152,58)
```
#d2a24e
```
#d2a24e rgb(210,162,78)
```
#d7ad62
```
#d7ad62 rgb(215,173,98)
```

Monochromatic Color

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

#bd6730
```
#bd6730 rgb(189,103,48)
```
#bd7330
```
#bd7330 rgb(189,115,48)
```
#bd7e30
```
#bd7e30 rgb(189,126,48)
```
#bd8a30
```
#bd8a30 rgb(189,138,48)
```
#bd9630
```
#bd9630 rgb(189,150,48)
```
#bda230
```
#bda230 rgb(189,162,48)
```
#bdad30
```
#bdad30 rgb(189,173,48)
```

Similar Colors

Text with hexadecimal color #bd8a30

This text has a font color of #bd8a30.

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

#bd8a30 background color

This paragraph has a background color of #bd8a30.

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

#bd8a30 border color

This element has a border color of #bd8a30.

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

CSS codes

.text {color:#bd8a30;}

.background {background-color:#bd8a30;}

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

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 #fbf7f1 is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#110c04
```
#110c04 rgb(17,12,4)
```
#211808
```
#211808 rgb(33,24,8)
```
#30230c
```
#30230c rgb(48,35,12)
```
#402f10
```
#402f10 rgb(64,47,16)
```
#503a14
```
#503a14 rgb(80,58,20)
```
#5f4518
```
#5f4518 rgb(95,69,24)
```
#6f511c
```
#6f511c rgb(111,81,28)
```
#7e5c20
```
#7e5c20 rgb(126,92,32)
```
#8e6824
```
#8e6824 rgb(142,104,36)
```
#9e7328
```
#9e7328 rgb(158,115,40)
```
#ad7f2c
```
#ad7f2c rgb(173,127,44)
```
#bd8a30
```
#bd8a30 rgb(189,138,48)
```

Shade Color Variation

#cc9535
```
#cc9535 rgb(204,149,53)
```
#d09d45
```
#d09d45 rgb(208,157,69)
```
#d4a654
```
#d4a654 rgb(212,166,84)
```
#d8ae64
```
#d8ae64 rgb(216,174,100)
```
#dcb674
```
#dcb674 rgb(220,182,116)
```
#e0be83
```
#e0be83 rgb(224,190,131)
```
#e4c693
```
#e4c693 rgb(228,198,147)
```
#e7cfa2
```
#e7cfa2 rgb(231,207,162)
```
#ebd7b2
```
#ebd7b2 rgb(235,215,178)
```
#efdfc2
```
#efdfc2 rgb(239,223,194)
```
#f3e7d1
```
#f3e7d1 rgb(243,231,209)
```
#f7efe1
```
#f7efe1 rgb(247,239,225)
```
#fbf7f1
```
#fbf7f1 rgb(251,247,241)
```

Tint Color Variation

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

#7d7870
```
#7d7870 rgb(125,120,112)
```
#867b67
```
#867b67 rgb(134,123,103)
```
#8f7d5e
```
#8f7d5e rgb(143,125,94)
```
#998054
```
#998054 rgb(153,128,84)
```
#a2824b
```
#a2824b rgb(162,130,75)
```
#ab8542
```
#ab8542 rgb(171,133,66)
```
#b48739
```
#b48739 rgb(180,135,57)
```
#bd8a30
```
#bd8a30 rgb(189,138,48)
```
#c68d27
```
#c68d27 rgb(198,141,39)
```
#cf8f1e
```
#cf8f1e rgb(207,143,30)
```
#d89215
```
#d89215 rgb(216,146,21)
```
#e1940c
```
#e1940c rgb(225,148,12)
```
#eb9702
```
#eb9702 rgb(235,151,2)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#988e7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9983d Protanopia 1% of men
#bc913a Deuteranopia 1% of men
#c68790 Tritanopia 0.001% of the population

Trichromacy

#b09338 Protanomaly 1% of men, 0.01% of women
#bc8e36 Deuteranomaly 6% of men, 0.4% of women
#c3886d Tritanomaly 0.01% of the population

#bd8a30 hex color

#bd8a30 Color Information

#bd8a30 Color Conversion

Color Schemes with #bd8a30

Alternatives to #bd8a30

#bd8a30 Preview

Shades and Tints of #bd8a30

Tones of #bd8a30

Color Blindness Simulator