#bd821e hex color

In a RGB color space, hex #bd821e is composed of 74.1% red, 51% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 84.1% yellow and 25.9% black. It has a hue angle of 37.7 degrees, a saturation of 72.6% and a lightness of 42.9%. #bd821e color hex could be obtained by blending #ffff3c with #7b0500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 74
- G 51
- B 12
RGB color chart
- C 0
- M 31
- Y 84
- K 26
CMYK color chart

● #bd821e color description : Strong orange.

The hexadecimal color #bd821e has RGB values of R:189, G:130, B:30 and CMYK values of C:0, M:0.31, Y:0.84, K:0.26. Its decimal value is 12419614.

Hex triplet	bd821e	`#bd821e`
RGB Decimal	189, 130, 30	`rgb(189,130,30)`
RGB Percent	74.1, 51, 11.8	`rgb(74.1%,51%,11.8%)`
CMYK	0, 31, 84, 26
HSL	37.7°, 72.6, 42.9	`hsl(37.7,72.6%,42.9%)`
HSV (or HSB)	37.7°, 84.1, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.863, 14.71, 58.039
XYZ	29.204, 26.88, 4.878
xyY	0.479, 0.441, 26.88
CIE-LCH	58.863, 59.874, 75.778
CIE-LUV	58.863, 48.57, 55.726
Hunter-Lab	51.846, 9.817, 30.713
Binary	10111101, 10000010, 00011110

#bd821e
```
#bd821e rgb(189,130,30)
```
#1e59bd
```
#1e59bd rgb(30,89,189)
```

Complementary Color

#bd331e
```
#bd331e rgb(189,51,30)
```
#bd821e
```
#bd821e rgb(189,130,30)
```
#a9bd1e
```
#a9bd1e rgb(169,189,30)
```

Analogous Color

#331ebd
```
#331ebd rgb(51,30,189)
```
#bd821e
```
#bd821e rgb(189,130,30)
```
#1ea9bd
```
#1ea9bd rgb(30,169,189)
```

Split Complementary Color

#821ebd
```
#821ebd rgb(130,30,189)
```
#bd821e
```
#bd821e rgb(189,130,30)
```
#1ebd82
```
#1ebd82 rgb(30,189,130)
```

Triadic Color

#bd1e59
```
#bd1e59 rgb(189,30,89)
```
#bd821e
```
#bd821e rgb(189,130,30)
```
#1ebd82
```
#1ebd82 rgb(30,189,130)
```
#1e59bd
```
#1e59bd rgb(30,89,189)
```

Tetradic Color

#7b5514
```
#7b5514 rgb(123,85,20)
```
#916417
```
#916417 rgb(145,100,23)
```
#a7731b
```
#a7731b rgb(167,115,27)
```
#bd821e
```
#bd821e rgb(189,130,30)
```
#d39121
```
#d39121 rgb(211,145,33)
```
#de9d30
```
#de9d30 rgb(222,157,48)
```
#e2a846
```
#e2a846 rgb(226,168,70)
```

Monochromatic Color

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

#bd5a1e
```
#bd5a1e rgb(189,90,30)
```
#bd681e
```
#bd681e rgb(189,104,30)
```
#bd751e
```
#bd751e rgb(189,117,30)
```
#bd821e
```
#bd821e rgb(189,130,30)
```
#bd8f1e
```
#bd8f1e rgb(189,143,30)
```
#bd9d1e
```
#bd9d1e rgb(189,157,30)
```
#bdaa1e
```
#bdaa1e rgb(189,170,30)
```

Similar Colors

Text with hexadecimal color #bd821e

This text has a font color of #bd821e.

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

#bd821e background color

This paragraph has a background color of #bd821e.

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

#bd821e border color

This element has a border color of #bd821e.

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

CSS codes

.text {color:#bd821e;}

.background {background-color:#bd821e;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#140e03
```
#140e03 rgb(20,14,3)
```
#251906
```
#251906 rgb(37,25,6)
```
#362509
```
#362509 rgb(54,37,9)
```
#47300b
```
#47300b rgb(71,48,11)
```
#573c0e
```
#573c0e rgb(87,60,14)
```
#684811
```
#684811 rgb(104,72,17)
```
#795313
```
#795313 rgb(121,83,19)
```
#8a5f16
```
#8a5f16 rgb(138,95,22)
```
#9b6b19
```
#9b6b19 rgb(155,107,25)
```
#ac761b
```
#ac761b rgb(172,118,27)
```
#bd821e
```
#bd821e rgb(189,130,30)
```
#ce8e21
```
#ce8e21 rgb(206,142,33)
```

Shade Color Variation

#dd9926
```
#dd9926 rgb(221,153,38)
```
#dfa137
```
#dfa137 rgb(223,161,55)
```
#e2a948
```
#e2a948 rgb(226,169,72)
```
#e5b159
```
#e5b159 rgb(229,177,89)
```
#e7b969
```
#e7b969 rgb(231,185,105)
```
#eac17a
```
#eac17a rgb(234,193,122)
```
#edc98b
```
#edc98b rgb(237,201,139)
```
#efd09c
```
#efd09c rgb(239,208,156)
```
#f2d8ad
```
#f2d8ad rgb(242,216,173)
```
#f5e0be
```
#f5e0be rgb(245,224,190)
```
#f7e8cf
```
#f7e8cf rgb(247,232,207)
```
#faf0e0
```
#faf0e0 rgb(250,240,224)
```
#fdf8f1
```
#fdf8f1 rgb(253,248,241)
```

Tint Color Variation

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

#716e6a
```
#716e6a rgb(113,110,106)
```
#7a7161
```
#7a7161 rgb(122,113,97)
```
#827359
```
#827359 rgb(130,115,89)
```
#8a7551
```
#8a7551 rgb(138,117,81)
```
#937748
```
#937748 rgb(147,119,72)
```
#9b7940
```
#9b7940 rgb(155,121,64)
```
#a47b37
```
#a47b37 rgb(164,123,55)
```
#ac7e2f
```
#ac7e2f rgb(172,126,47)
```
#b58026
```
#b58026 rgb(181,128,38)
```
#bd821e
```
#bd821e rgb(189,130,30)
```
#c58416
```
#c58416 rgb(197,132,22)
```
#ce860d
```
#ce860d rgb(206,134,13)
```
#d68905
```
#d68905 rgb(214,137,5)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#938773 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4932c Protanopia 1% of men
#b78c27 Deuteranopia 1% of men
#c67f88 Tritanopia 0.001% of the population

Trichromacy

#ad8d27 Protanomaly 1% of men, 0.01% of women
#b98824 Deuteranomaly 6% of men, 0.4% of women
#c28061 Tritanomaly 0.01% of the population

#bd821e hex color

#bd821e Color Information

#bd821e Color Conversion

Color Schemes with #bd821e

Alternatives to #bd821e

#bd821e Preview

Shades and Tints of #bd821e

Tones of #bd821e

Color Blindness Simulator