colorhexa.com

#bd742f hex color

In a RGB color space, hex #bd742f is composed of 74.1% red, 45.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.6% magenta, 75.1% yellow and 25.9% black. It has a hue angle of 29.2 degrees, a saturation of 60.2% and a lightness of 46.3%. #bd742f color hex could be obtained by blending #ffe85e with #7b0000. Closest websafe color is: #cc6633.

- R 74
- G 45
- B 18
RGB color chart
- C 0
- M 39
- Y 75
- K 26
CMYK color chart

● #bd742f color description : Strong orange.

The hexadecimal color #bd742f has RGB values of R:189, G:116, B:47 and CMYK values of C:0, M:0.39, Y:0.75, K:0.26. Its decimal value is 12416047.

Hex triplet	bd742f	`#bd742f`
RGB Decimal	189, 116, 47	`rgb(189,116,47)`
RGB Percent	74.1, 45.5, 18.4	`rgb(74.1%,45.5%,18.4%)`
CMYK	0, 39, 75, 26
HSL	29.2°, 60.2, 46.3	`hsl(29.2,60.2%,46.3%)`
HSV (or HSB)	29.2°, 75.1, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.601, 23.057, 48.34
XYZ	27.745, 23.517, 5.767
xyY	0.487, 0.412, 23.517
CIE-LCH	55.601, 53.557, 64.5
CIE-LUV	55.601, 58.655, 46.057
Hunter-Lab	48.494, 17.262, 26.895
Binary	10111101, 01110100, 00101111

#bd742f
```
#bd742f rgb(189,116,47)
```
#2f78bd
```
#2f78bd rgb(47,120,189)
```

Complementary Color

#bd2f31
```
#bd2f31 rgb(189,47,49)
```
#bd742f
```
#bd742f rgb(189,116,47)
```
#bdbb2f
```
#bdbb2f rgb(189,187,47)
```

Analogous Color

#2f31bd
```
#2f31bd rgb(47,49,189)
```
#bd742f
```
#bd742f rgb(189,116,47)
```
#2fbdbb
```
#2fbdbb rgb(47,189,187)
```

Split Complementary Color

#742fbd
```
#742fbd rgb(116,47,189)
```
#bd742f
```
#bd742f rgb(189,116,47)
```
#2fbd74
```
#2fbd74 rgb(47,189,116)
```

Triadic Color

#bd2f78
```
#bd2f78 rgb(189,47,120)
```
#bd742f
```
#bd742f rgb(189,116,47)
```
#2fbd74
```
#2fbd74 rgb(47,189,116)
```
#2f78bd
```
#2f78bd rgb(47,120,189)
```

Tetradic Color

#804e20
```
#804e20 rgb(128,78,32)
```
#945b25
```
#945b25 rgb(148,91,37)
```
#a9672a
```
#a9672a rgb(169,103,42)
```
#bd742f
```
#bd742f rgb(189,116,47)
```
#ce8138
```
#ce8138 rgb(206,129,56)
```
#d38e4c
```
#d38e4c rgb(211,142,76)
```
#d89b61
```
#d89b61 rgb(216,155,97)
```

Monochromatic Color

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

#bd512f
```
#bd512f rgb(189,81,47)
```
#bd5c2f
```
#bd5c2f rgb(189,92,47)
```
#bd682f
```
#bd682f rgb(189,104,47)
```
#bd742f
```
#bd742f rgb(189,116,47)
```
#bd802f
```
#bd802f rgb(189,128,47)
```
#bd8c2f
```
#bd8c2f rgb(189,140,47)
```
#bd982f
```
#bd982f rgb(189,152,47)
```

Similar Colors

Text with hexadecimal color #bd742f

This text has a font color of #bd742f.

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

#bd742f background color

This paragraph has a background color of #bd742f.

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

#bd742f border color

This element has a border color of #bd742f.

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

CSS codes

.text {color:#bd742f;}

.background {background-color:#bd742f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100a04
```
#100a04 rgb(16,10,4)
```
#201408
```
#201408 rgb(32,20,8)
```
#301d0c
```
#301d0c rgb(48,29,12)
```
#3f2710
```
#3f2710 rgb(63,39,16)
```
#4f3114
```
#4f3114 rgb(79,49,20)
```
#5f3a18
```
#5f3a18 rgb(95,58,24)
```
#6e441b
```
#6e441b rgb(110,68,27)
```
#7e4d1f
```
#7e4d1f rgb(126,77,31)
```
#8e5723
```
#8e5723 rgb(142,87,35)
```
#9e6127
```
#9e6127 rgb(158,97,39)
```
#ad6a2b
```
#ad6a2b rgb(173,106,43)
```
#bd742f
```
#bd742f rgb(189,116,47)
```

Shade Color Variation

#cc7e33
```
#cc7e33 rgb(204,126,51)
```
#d08843
```
#d08843 rgb(208,136,67)
```
#d49253
```
#d49253 rgb(212,146,83)
```
#d89c62
```
#d89c62 rgb(216,156,98)
```
#dca672
```
#dca672 rgb(220,166,114)
```
#e0b082
```
#e0b082 rgb(224,176,130)
```
#e4b992
```
#e4b992 rgb(228,185,146)
```
#e8c3a1
```
#e8c3a1 rgb(232,195,161)
```
#eccdb1
```
#eccdb1 rgb(236,205,177)
```
#efd7c1
```
#efd7c1 rgb(239,215,193)
```
#f3e1d0
```
#f3e1d0 rgb(243,225,208)
```
#f7ebe0
```
#f7ebe0 rgb(247,235,224)
```
#fbf5f0
```
#fbf5f0 rgb(251,245,240)
```

Tint Color Variation

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

#7d766f
```
#7d766f rgb(125,118,111)
```
#877665
```
#877665 rgb(135,118,101)
```
#90755c
```
#90755c rgb(144,117,92)
```
#997553
```
#997553 rgb(153,117,83)
```
#a2754a
```
#a2754a rgb(162,117,74)
```
#ab7541
```
#ab7541 rgb(171,117,65)
```
#b47438
```
#b47438 rgb(180,116,56)
```
#bd742f
```
#bd742f rgb(189,116,47)
```
#c67426
```
#c67426 rgb(198,116,38)
```
#cf731d
```
#cf731d rgb(207,115,29)
```
#d87314
```
#d87314 rgb(216,115,20)
```
#e1730b
```
#e1730b rgb(225,115,11)
```
#ea7302
```
#ea7302 rgb(234,115,2)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8e7f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b3e Protanopia 1% of men
#ac8536 Deuteranopia 1% of men
#c4747b Tritanopia 0.001% of the population

Trichromacy

#a78338 Protanomaly 1% of men, 0.01% of women
#b27e33 Deuteranomaly 6% of men, 0.4% of women
#c1745f Tritanomaly 0.01% of the population