#bd821d hex color

In a RGB color space, hex #bd821d is composed of 74.1% red, 51% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 84.7% yellow and 25.9% black. It has a hue angle of 37.9 degrees, a saturation of 73.4% and a lightness of 42.7%. #bd821d color hex could be obtained by blending #ffff3a with #7b0500. Closest websafe color is: #cc9933.

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

● #bd821d color description : Strong orange.

The hexadecimal color #bd821d has RGB values of R:189, G:130, B:29 and CMYK values of C:0, M:0.31, Y:0.85, K:0.26. Its decimal value is 12419613.

Hex triplet	bd821d	`#bd821d`
RGB Decimal	189, 130, 29	`rgb(189,130,29)`
RGB Percent	74.1, 51, 11.4	`rgb(74.1%,51%,11.4%)`
CMYK	0, 31, 85, 26
HSL	37.9°, 73.4, 42.7	`hsl(37.9,73.4%,42.7%)`
HSV (or HSB)	37.9°, 84.7, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.858, 14.681, 58.354
XYZ	29.191, 26.875, 4.812
xyY	0.48, 0.441, 26.875
CIE-LCH	58.858, 60.172, 75.878
CIE-LUV	58.858, 48.609, 55.909
Hunter-Lab	51.841, 9.791, 30.785
Binary	10111101, 10000010, 00011101

#bd821d
```
#bd821d rgb(189,130,29)
```
#1d58bd
```
#1d58bd rgb(29,88,189)
```

Complementary Color

#bd321d
```
#bd321d rgb(189,50,29)
```
#bd821d
```
#bd821d rgb(189,130,29)
```
#a8bd1d
```
#a8bd1d rgb(168,189,29)
```

Analogous Color

#321dbd
```
#321dbd rgb(50,29,189)
```
#bd821d
```
#bd821d rgb(189,130,29)
```
#1da8bd
```
#1da8bd rgb(29,168,189)
```

Split Complementary Color

#821dbd
```
#821dbd rgb(130,29,189)
```
#bd821d
```
#bd821d rgb(189,130,29)
```
#1dbd82
```
#1dbd82 rgb(29,189,130)
```

Triadic Color

#bd1d58
```
#bd1d58 rgb(189,29,88)
```
#bd821d
```
#bd821d rgb(189,130,29)
```
#1dbd82
```
#1dbd82 rgb(29,189,130)
```
#1d58bd
```
#1d58bd rgb(29,88,189)
```

Tetradic Color

#7b5413
```
#7b5413 rgb(123,84,19)
```
#916416
```
#916416 rgb(145,100,22)
```
#a7731a
```
#a7731a rgb(167,115,26)
```
#bd821d
```
#bd821d rgb(189,130,29)
```
#d39120
```
#d39120 rgb(211,145,32)
```
#df9e2e
```
#df9e2e rgb(223,158,46)
```
#e2a844
```
#e2a844 rgb(226,168,68)
```

Monochromatic Color

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

#bd5a1d
```
#bd5a1d rgb(189,90,29)
```
#bd671d
```
#bd671d rgb(189,103,29)
```
#bd751d
```
#bd751d rgb(189,117,29)
```
#bd821d
```
#bd821d rgb(189,130,29)
```
#bd8f1d
```
#bd8f1d rgb(189,143,29)
```
#bd9d1d
```
#bd9d1d rgb(189,157,29)
```
#bdaa1d
```
#bdaa1d rgb(189,170,29)
```

Similar Colors

Text with hexadecimal color #bd821d

This text has a font color of #bd821d.

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

#bd821d background color

This paragraph has a background color of #bd821d.

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

#bd821d border color

This element has a border color of #bd821d.

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

CSS codes

.text {color:#bd821d;}

.background {background-color:#bd821d;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130d03
```
#130d03 rgb(19,13,3)
```
#241906
```
#241906 rgb(36,25,6)
```
#352408
```
#352408 rgb(53,36,8)
```
#46300b
```
#46300b rgb(70,48,11)
```
#573c0d
```
#573c0d rgb(87,60,13)
```
#684810
```
#684810 rgb(104,72,16)
```
#795313
```
#795313 rgb(121,83,19)
```
#8a5f15
```
#8a5f15 rgb(138,95,21)
```
#9b6b18
```
#9b6b18 rgb(155,107,24)
```
#ac761a
```
#ac761a rgb(172,118,26)
```
#bd821d
```
#bd821d rgb(189,130,29)
```
#ce8e20
```
#ce8e20 rgb(206,142,32)
```

Shade Color Variation

#dd9924
```
#dd9924 rgb(221,153,36)
```
#e0a135
```
#e0a135 rgb(224,161,53)
```
#e3a946
```
#e3a946 rgb(227,169,70)
```
#e5b157
```
#e5b157 rgb(229,177,87)
```
#e8b968
```
#e8b968 rgb(232,185,104)
```
#eac179
```
#eac179 rgb(234,193,121)
```
#edc88a
```
#edc88a rgb(237,200,138)
```
#f0d09b
```
#f0d09b rgb(240,208,155)
```
#f2d8ac
```
#f2d8ac rgb(242,216,172)
```
#f5e0bd
```
#f5e0bd rgb(245,224,189)
```
#f7e8ce
```
#f7e8ce rgb(247,232,206)
```
#faf0df
```
#faf0df rgb(250,240,223)
```
#fdf8f0
```
#fdf8f0 rgb(253,248,240)
```

Tint Color Variation

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

#726e68
```
#726e68 rgb(114,110,104)
```
#7a7060
```
#7a7060 rgb(122,112,96)
```
#827358
```
#827358 rgb(130,115,88)
```
#8b754f
```
#8b754f rgb(139,117,79)
```
#937747
```
#937747 rgb(147,119,71)
```
#9b793f
```
#9b793f rgb(155,121,63)
```
#a47b36
```
#a47b36 rgb(164,123,54)
```
#ac7e2e
```
#ac7e2e rgb(172,126,46)
```
#b58025
```
#b58025 rgb(181,128,37)
```
#bd821d
```
#bd821d rgb(189,130,29)
```
#c58415
```
#c58415 rgb(197,132,21)
```
#ce860c
```
#ce860c rgb(206,134,12)
```
#d68904
```
#d68904 rgb(214,137,4)
```

Tone Color Variation

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

#a4932b Protanopia 1% of men
#b78c26 Deuteranopia 1% of men
#c67f88 Tritanopia 0.001% of the population

Trichromacy

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

#bd821d hex color

#bd821d Color Information

#bd821d Color Conversion

Color Schemes with #bd821d

Alternatives to #bd821d

#bd821d Preview

Shades and Tints of #bd821d

Tones of #bd821d

Color Blindness Simulator