#bd8a33 hex color

In a RGB color space, hex #bd8a33 is composed of 74.1% red, 54.1% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 73% yellow and 25.9% black. It has a hue angle of 37.8 degrees, a saturation of 57.5% and a lightness of 47.1%. #bd8a33 color hex could be obtained by blending #ffff66 with #7b1500. Closest websafe color is: #cc9933.

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

● #bd8a33 color description : Moderate orange.

The hexadecimal color #bd8a33 has RGB values of R:189, G:138, B:51 and CMYK values of C:0, M:0.27, Y:0.73, K:0.26. Its decimal value is 12421683.

Hex triplet	bd8a33	`#bd8a33`
RGB Decimal	189, 138, 51	`rgb(189,138,51)`
RGB Percent	74.1, 54.1, 20	`rgb(74.1%,54.1%,20%)`
CMYK	0, 27, 73, 26
HSL	37.8°, 57.5, 47.1	`hsl(37.8,57.5%,47.1%)`
HSV (or HSB)	37.8°, 73, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.99, 11.106, 52.017
XYZ	30.673, 29.237, 7.16
xyY	0.457, 0.436, 29.237
CIE-LCH	60.99, 53.189, 77.948
CIE-LUV	60.99, 41.383, 53.832
Hunter-Lab	54.071, 6.634, 29.999
Binary	10111101, 10001010, 00110011

#bd8a33
```
#bd8a33 rgb(189,138,51)
```
#3366bd
```
#3366bd rgb(51,102,189)
```

Complementary Color

#bd4533
```
#bd4533 rgb(189,69,51)
```
#bd8a33
```
#bd8a33 rgb(189,138,51)
```
#abbd33
```
#abbd33 rgb(171,189,51)
```

Analogous Color

#4533bd
```
#4533bd rgb(69,51,189)
```
#bd8a33
```
#bd8a33 rgb(189,138,51)
```
#33abbd
```
#33abbd rgb(51,171,189)
```

Split Complementary Color

#8a33bd
```
#8a33bd rgb(138,51,189)
```
#bd8a33
```
#bd8a33 rgb(189,138,51)
```
#33bd8a
```
#33bd8a rgb(51,189,138)
```

Triadic Color

#bd3366
```
#bd3366 rgb(189,51,102)
```
#bd8a33
```
#bd8a33 rgb(189,138,51)
```
#33bd8a
```
#33bd8a rgb(51,189,138)
```
#3366bd
```
#3366bd rgb(51,102,189)
```

Tetradic Color

#815e23
```
#815e23 rgb(129,94,35)
```
#956d28
```
#956d28 rgb(149,109,40)
```
#a97b2e
```
#a97b2e rgb(169,123,46)
```
#bd8a33
```
#bd8a33 rgb(189,138,51)
```
#cb973e
```
#cb973e rgb(203,151,62)
```
#d0a253
```
#d0a253 rgb(208,162,83)
```
#d6ad67
```
#d6ad67 rgb(214,173,103)
```

Monochromatic Color

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

#bd6833
```
#bd6833 rgb(189,104,51)
```
#bd7333
```
#bd7333 rgb(189,115,51)
```
#bd7f33
```
#bd7f33 rgb(189,127,51)
```
#bd8a33
```
#bd8a33 rgb(189,138,51)
```
#bd9633
```
#bd9633 rgb(189,150,51)
```
#bda133
```
#bda133 rgb(189,161,51)
```
#bdad33
```
#bdad33 rgb(189,173,51)
```

Similar Colors

Text with hexadecimal color #bd8a33

This text has a font color of #bd8a33.

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

#bd8a33 background color

This paragraph has a background color of #bd8a33.

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

#bd8a33 border color

This element has a border color of #bd8a33.

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

CSS codes

.text {color:#bd8a33;}

.background {background-color:#bd8a33;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#130e05
```
#130e05 rgb(19,14,5)
```
#231909
```
#231909 rgb(35,25,9)
```
#32240d
```
#32240d rgb(50,36,13)
```
#413012
```
#413012 rgb(65,48,18)
```
#513b16
```
#513b16 rgb(81,59,22)
```
#60461a
```
#60461a rgb(96,70,26)
```
#70521e
```
#70521e rgb(112,82,30)
```
#7f5d22
```
#7f5d22 rgb(127,93,34)
```
#8f6826
```
#8f6826 rgb(143,104,38)
```
#9e732b
```
#9e732b rgb(158,115,43)
```
#ae7f2f
```
#ae7f2f rgb(174,127,47)
```
#bd8a33
```
#bd8a33 rgb(189,138,51)
```

Shade Color Variation

#ca953a
```
#ca953a rgb(202,149,58)
```
#ce9d49
```
#ce9d49 rgb(206,157,73)
```
#d2a559
```
#d2a559 rgb(210,165,89)
```
#d6ae68
```
#d6ae68 rgb(214,174,104)
```
#dab678
```
#dab678 rgb(218,182,120)
```
#dfbe87
```
#dfbe87 rgb(223,190,135)
```
#e3c797
```
#e3c797 rgb(227,199,151)
```
#e7cfa6
```
#e7cfa6 rgb(231,207,166)
```
#ebd7b5
```
#ebd7b5 rgb(235,215,181)
```
#efe0c5
```
#efe0c5 rgb(239,224,197)
```
#f3e8d4
```
#f3e8d4 rgb(243,232,212)
```
#f8f0e4
```
#f8f0e4 rgb(248,240,228)
```
#fcf9f3
```
#fcf9f3 rgb(252,249,243)
```

Tint Color Variation

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

#7c7974
```
#7c7974 rgb(124,121,116)
```
#867c6a
```
#867c6a rgb(134,124,106)
```
#8f7e61
```
#8f7e61 rgb(143,126,97)
```
#988058
```
#988058 rgb(152,128,88)
```
#a1834f
```
#a1834f rgb(161,131,79)
```
#ab8545
```
#ab8545 rgb(171,133,69)
```
#b4883c
```
#b4883c rgb(180,136,60)
```
#bd8a33
```
#bd8a33 rgb(189,138,51)
```
#c68c2a
```
#c68c2a rgb(198,140,42)
```
#cf8f21
```
#cf8f21 rgb(207,143,33)
```
#d99117
```
#d99117 rgb(217,145,23)
```
#e2940e
```
#e2940e rgb(226,148,14)
```
#eb9605
```
#eb9605 rgb(235,150,5)
```

Tone Color Variation

Below, you can see how #bd8a33 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
#988e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99840 Protanopia 1% of men
#bc913d Deuteranopia 1% of men
#c68790 Tritanopia 0.001% of the population

Trichromacy

#b0933b Protanomaly 1% of men, 0.01% of women
#bc8e39 Deuteranomaly 6% of men, 0.4% of women
#c3886e Tritanomaly 0.01% of the population

#bd8a33 hex color

#bd8a33 Color Information

#bd8a33 Color Conversion

Color Schemes with #bd8a33

Alternatives to #bd8a33

#bd8a33 Preview

Shades and Tints of #bd8a33

Tones of #bd8a33

Color Blindness Simulator