#bd7d2a hex color

In a RGB color space, hex #bd7d2a is composed of 74.1% red, 49% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.9% magenta, 77.8% yellow and 25.9% black. It has a hue angle of 33.9 degrees, a saturation of 63.6% and a lightness of 45.3%. #bd7d2a color hex could be obtained by blending #fffa54 with #7b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 49
- B 16
RGB color chart
- C 0
- M 34
- Y 78
- K 26
CMYK color chart

● #bd7d2a color description : Strong orange.

The hexadecimal color #bd7d2a has RGB values of R:189, G:125, B:42 and CMYK values of C:0, M:0.34, Y:0.78, K:0.26. Its decimal value is 12418346.

Hex triplet	bd7d2a	`#bd7d2a`
RGB Decimal	189, 125, 42	`rgb(189,125,42)`
RGB Percent	74.1, 49, 16.5	`rgb(74.1%,49%,16.5%)`
CMYK	0, 34, 78, 26
HSL	33.9°, 63.6, 45.3	`hsl(33.9,63.6%,45.3%)`
HSV (or HSB)	33.9°, 77.8, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.708, 17.884, 52.579
XYZ	28.739, 25.655, 5.629
xyY	0.479, 0.427, 25.655
CIE-LCH	57.708, 55.537, 71.215
CIE-LUV	57.708, 51.925, 51.065
Hunter-Lab	50.651, 12.639, 28.867
Binary	10111101, 01111101, 00101010

#bd7d2a
```
#bd7d2a rgb(189,125,42)
```
#2a6abd
```
#2a6abd rgb(42,106,189)
```

Complementary Color

#bd332a
```
#bd332a rgb(189,51,42)
```
#bd7d2a
```
#bd7d2a rgb(189,125,42)
```
#b4bd2a
```
#b4bd2a rgb(180,189,42)
```

Analogous Color

#332abd
```
#332abd rgb(51,42,189)
```
#bd7d2a
```
#bd7d2a rgb(189,125,42)
```
#2ab4bd
```
#2ab4bd rgb(42,180,189)
```

Split Complementary Color

#7d2abd
```
#7d2abd rgb(125,42,189)
```
#bd7d2a
```
#bd7d2a rgb(189,125,42)
```
#2abd7d
```
#2abd7d rgb(42,189,125)
```

Triadic Color

#bd2a6a
```
#bd2a6a rgb(189,42,106)
```
#bd7d2a
```
#bd7d2a rgb(189,125,42)
```
#2abd7d
```
#2abd7d rgb(42,189,125)
```
#2a6abd
```
#2a6abd rgb(42,106,189)
```

Tetradic Color

#7e541c
```
#7e541c rgb(126,84,28)
```
#936121
```
#936121 rgb(147,97,33)
```
#a86f25
```
#a86f25 rgb(168,111,37)
```
#bd7d2a
```
#bd7d2a rgb(189,125,42)
```
#d18b30
```
#d18b30 rgb(209,139,48)
```
#d69644
```
#d69644 rgb(214,150,68)
```
#daa259
```
#daa259 rgb(218,162,89)
```

Monochromatic Color

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

#bd582a
```
#bd582a rgb(189,88,42)
```
#bd652a
```
#bd652a rgb(189,101,42)
```
#bd712a
```
#bd712a rgb(189,113,42)
```
#bd7d2a
```
#bd7d2a rgb(189,125,42)
```
#bd892a
```
#bd892a rgb(189,137,42)
```
#bd962a
```
#bd962a rgb(189,150,42)
```
#bda22a
```
#bda22a rgb(189,162,42)
```

Similar Colors

Text with hexadecimal color #bd7d2a

This text has a font color of #bd7d2a.

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

#bd7d2a background color

This paragraph has a background color of #bd7d2a.

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

#bd7d2a border color

This element has a border color of #bd7d2a.

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

CSS codes

.text {color:#bd7d2a;}

.background {background-color:#bd7d2a;}

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

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, #0c0803 is the darkest color, while #fefdfb is the lightest one.

#0c0803
```
#0c0803 rgb(12,8,3)
```
#1d1306
```
#1d1306 rgb(29,19,6)
```
#2d1d0a
```
#2d1d0a rgb(45,29,10)
```
#3d280d
```
#3d280d rgb(61,40,13)
```
#4d3311
```
#4d3311 rgb(77,51,17)
```
#5d3d15
```
#5d3d15 rgb(93,61,21)
```
#6d4818
```
#6d4818 rgb(109,72,24)
```
#7d531c
```
#7d531c rgb(125,83,28)
```
#8d5d1f
```
#8d5d1f rgb(141,93,31)
```
#9d6823
```
#9d6823 rgb(157,104,35)
```
#ad7226
```
#ad7226 rgb(173,114,38)
```
#bd7d2a
```
#bd7d2a rgb(189,125,42)
```
#cd882e
```
#cd882e rgb(205,136,46)
```

Shade Color Variation

#d3913b
```
#d3913b rgb(211,145,59)
```
#d79a4b
```
#d79a4b rgb(215,154,75)
```
#dba35b
```
#dba35b rgb(219,163,91)
```
#deac6b
```
#deac6b rgb(222,172,107)
```
#e2b57b
```
#e2b57b rgb(226,181,123)
```
#e5be8b
```
#e5be8b rgb(229,190,139)
```
#e9c79b
```
#e9c79b rgb(233,199,155)
```
#ecd0ab
```
#ecd0ab rgb(236,208,171)
```
#f0d9bb
```
#f0d9bb rgb(240,217,187)
```
#f4e2cb
```
#f4e2cb rgb(244,226,203)
```
#f7ebdb
```
#f7ebdb rgb(247,235,219)
```
#fbf4eb
```
#fbf4eb rgb(251,244,235)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#767471
```
#767471 rgb(118,116,113)
```
#7f7568
```
#7f7568 rgb(127,117,104)
```
#88765f
```
#88765f rgb(136,118,95)
```
#917756
```
#917756 rgb(145,119,86)
```
#99784e
```
#99784e rgb(153,120,78)
```
#a27a45
```
#a27a45 rgb(162,122,69)
```
#ab7b3c
```
#ab7b3c rgb(171,123,60)
```
#b47c33
```
#b47c33 rgb(180,124,51)
```
#bd7d2a
```
#bd7d2a rgb(189,125,42)
```
#c67e21
```
#c67e21 rgb(198,126,33)
```
#cf7f18
```
#cf7f18 rgb(207,127,24)
```
#d8800f
```
#d8800f rgb(216,128,15)
```
#e18206
```
#e18206 rgb(225,130,6)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#928574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09038 Protanopia 1% of men
#b38932 Deuteranopia 1% of men
#c57b84 Tritanopia 0.001% of the population

Trichromacy

#ab8933 Protanomaly 1% of men, 0.01% of women
#b6852f Deuteranomaly 6% of men, 0.4% of women
#c27c63 Tritanomaly 0.01% of the population

#bd7d2a hex color

#bd7d2a Color Information

#bd7d2a Color Conversion

Color Schemes with #bd7d2a

Alternatives to #bd7d2a

#bd7d2a Preview

Shades and Tints of #bd7d2a

Tones of #bd7d2a

Color Blindness Simulator