colorhexa.com

#bd7a3a hex color

In a RGB color space, hex #bd7a3a is composed of 74.1% red, 47.8% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 69.3% yellow and 25.9% black. It has a hue angle of 29.3 degrees, a saturation of 53% and a lightness of 48.4%. #bd7a3a color hex could be obtained by blending #fff474 with #7b0000. Closest websafe color is: #cc6633.

- R 74
- G 48
- B 23
RGB color chart
- C 0
- M 35
- Y 69
- K 26
CMYK color chart

● #bd7a3a color description : Moderate orange.

The hexadecimal color #bd7a3a has RGB values of R:189, G:122, B:58 and CMYK values of C:0, M:0.35, Y:0.69, K:0.26. Its decimal value is 12417594.

Hex triplet	bd7a3a	`#bd7a3a`
RGB Decimal	189, 122, 58	`rgb(189,122,58)`
RGB Percent	74.1, 47.8, 22.7	`rgb(74.1%,47.8%,22.7%)`
CMYK	0, 35, 69, 26
HSL	29.3°, 53, 48.4	`hsl(29.3,53%,48.4%)`
HSV (or HSB)	29.3°, 69.3, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.12, 20.311, 44.727
XYZ	28.71, 25.045, 7.325
xyY	0.47, 0.41, 25.045
CIE-LCH	57.12, 49.123, 65.576
CIE-LUV	57.12, 53.099, 44.804
Hunter-Lab	50.045, 14.823, 26.354
Binary	10111101, 01111010, 00111010

#bd7a3a
```
#bd7a3a rgb(189,122,58)
```
#3a7dbd
```
#3a7dbd rgb(58,125,189)
```

Complementary Color

#bd3a3c
```
#bd3a3c rgb(189,58,60)
```
#bd7a3a
```
#bd7a3a rgb(189,122,58)
```
#bdbc3a
```
#bdbc3a rgb(189,188,58)
```

Analogous Color

#3a3bbd
```
#3a3bbd rgb(58,59,189)
```
#bd7a3a
```
#bd7a3a rgb(189,122,58)
```
#3abdbc
```
#3abdbc rgb(58,189,188)
```

Split Complementary Color

#7a3abd
```
#7a3abd rgb(122,58,189)
```
#bd7a3a
```
#bd7a3a rgb(189,122,58)
```
#3abd7a
```
#3abd7a rgb(58,189,122)
```

Triadic Color

#bd3a7d
```
#bd3a7d rgb(189,58,125)
```
#bd7a3a
```
#bd7a3a rgb(189,122,58)
```
#3abd7a
```
#3abd7a rgb(58,189,122)
```
#3a7dbd
```
#3a7dbd rgb(58,125,189)
```

Tetradic Color

#825428
```
#825428 rgb(130,84,40)
```
#96612e
```
#96612e rgb(150,97,46)
```
#a96d34
```
#a96d34 rgb(169,109,52)
```
#bd7a3a
```
#bd7a3a rgb(189,122,58)
```
#c78749
```
#c78749 rgb(199,135,73)
```
#cd945d
```
#cd945d rgb(205,148,93)
```
#d3a170
```
#d3a170 rgb(211,161,112)
```

Monochromatic Color

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

#bd593a
```
#bd593a rgb(189,89,58)
```
#bd643a
```
#bd643a rgb(189,100,58)
```
#bd6f3a
```
#bd6f3a rgb(189,111,58)
```
#bd7a3a
```
#bd7a3a rgb(189,122,58)
```
#bd853a
```
#bd853a rgb(189,133,58)
```
#bd903a
```
#bd903a rgb(189,144,58)
```
#bd9b3a
```
#bd9b3a rgb(189,155,58)
```

Similar Colors

Text with hexadecimal color #bd7a3a

This text has a font color of #bd7a3a.

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

#bd7a3a background color

This paragraph has a background color of #bd7a3a.

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

#bd7a3a border color

This element has a border color of #bd7a3a.

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

CSS codes

.text {color:#bd7a3a;}

.background {background-color:#bd7a3a;}

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

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

#090603
```
#090603 rgb(9,6,3)
```
#180f07
```
#180f07 rgb(24,15,7)
```
#27190c
```
#27190c rgb(39,25,12)
```
#362311
```
#362311 rgb(54,35,17)
```
#452c15
```
#452c15 rgb(69,44,21)
```
#54361a
```
#54361a rgb(84,54,26)
```
#63401e
```
#63401e rgb(99,64,30)
```
#724a23
```
#724a23 rgb(114,74,35)
```
#815328
```
#815328 rgb(129,83,40)
```
#905d2c
```
#905d2c rgb(144,93,44)
```
#9f6731
```
#9f6731 rgb(159,103,49)
```
#ae7035
```
#ae7035 rgb(174,112,53)
```
#bd7a3a
```
#bd7a3a rgb(189,122,58)
```

Shade Color Variation

#c68445
```
#c68445 rgb(198,132,69)
```
#ca8e54
```
#ca8e54 rgb(202,142,84)
```
#cf9863
```
#cf9863 rgb(207,152,99)
```
#d4a272
```
#d4a272 rgb(212,162,114)
```
#d8ac81
```
#d8ac81 rgb(216,172,129)
```
#ddb590
```
#ddb590 rgb(221,181,144)
```
#e1bf9f
```
#e1bf9f rgb(225,191,159)
```
#e6c9ae
```
#e6c9ae rgb(230,201,174)
```
#ebd3bd
```
#ebd3bd rgb(235,211,189)
```
#efddcc
```
#efddcc rgb(239,221,204)
```
#f4e7db
```
#f4e7db rgb(244,231,219)
```
#f9f1ea
```
#f9f1ea rgb(249,241,234)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

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

#847b73
```
#847b73 rgb(132,123,115)
```
#8e7b6a
```
#8e7b6a rgb(142,123,106)
```
#977b60
```
#977b60 rgb(151,123,96)
```
#a17b57
```
#a17b57 rgb(161,123,87)
```
#aa7a4d
```
#aa7a4d rgb(170,122,77)
```
#b47a44
```
#b47a44 rgb(180,122,68)
```
#bd7a3a
```
#bd7a3a rgb(189,122,58)
```
#c77a31
```
#c77a31 rgb(199,122,49)
```
#d07a27
```
#d07a27 rgb(208,122,39)
```
#da791e
```
#da791e rgb(218,121,30)
```
#e37914
```
#e37914 rgb(227,121,20)
```
#ed790b
```
#ed790b rgb(237,121,11)
```
#f67901
```
#f67901 rgb(246,121,1)
```

Tone Color Variation

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

Dichromacy

#9d8f48 Protanopia 1% of men
#b08841 Deuteranopia 1% of men
#c47a82 Tritanopia 0.001% of the population

Trichromacy

#a98743 Protanomaly 1% of men, 0.01% of women
#b4833e Deuteranomaly 6% of men, 0.4% of women
#c17a67 Tritanomaly 0.01% of the population