#bd722f hex color

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

♥
- f
- t
- g
- R 74
- G 45
- B 18
RGB color chart
- C 0
- M 40
- Y 75
- K 26
CMYK color chart

● #bd722f color description : Strong orange.

The hexadecimal color #bd722f has RGB values of R:189, G:114, B:47 and CMYK values of C:0, M:0.4, Y:0.75, K:0.26. Its decimal value is 12415535.

Hex triplet	bd722f	`#bd722f`
RGB Decimal	189, 114, 47	`rgb(189,114,47)`
RGB Percent	74.1, 44.7, 18.4	`rgb(74.1%,44.7%,18.4%)`
CMYK	0, 40, 75, 26
HSL	28.3°, 60.2, 46.3	`hsl(28.3,60.2%,46.3%)`
HSV (or HSB)	28.3°, 75.1, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.135, 24.154, 47.868
XYZ	27.517, 23.061, 5.691
xyY	0.489, 0.41, 23.061
CIE-LCH	55.135, 53.617, 63.224
CIE-LUV	55.135, 60.227, 45.263
Hunter-Lab	48.022, 18.246, 26.589
Binary	10111101, 01110010, 00101111

#bd722f
```
#bd722f rgb(189,114,47)
```
#2f7abd
```
#2f7abd rgb(47,122,189)
```

Complementary Color

#bd2f33
```
#bd2f33 rgb(189,47,51)
```
#bd722f
```
#bd722f rgb(189,114,47)
```
#bdb92f
```
#bdb92f rgb(189,185,47)
```

Analogous Color

#2f33bd
```
#2f33bd rgb(47,51,189)
```
#bd722f
```
#bd722f rgb(189,114,47)
```
#2fbdb9
```
#2fbdb9 rgb(47,189,185)
```

Split Complementary Color

#722fbd
```
#722fbd rgb(114,47,189)
```
#bd722f
```
#bd722f rgb(189,114,47)
```
#2fbd72
```
#2fbd72 rgb(47,189,114)
```

Triadic Color

#bd2f7a
```
#bd2f7a rgb(189,47,122)
```
#bd722f
```
#bd722f rgb(189,114,47)
```
#2fbd72
```
#2fbd72 rgb(47,189,114)
```
#2f7abd
```
#2f7abd rgb(47,122,189)
```

Tetradic Color

#804d20
```
#804d20 rgb(128,77,32)
```
#945925
```
#945925 rgb(148,89,37)
```
#a9662a
```
#a9662a rgb(169,102,42)
```
#bd722f
```
#bd722f rgb(189,114,47)
```
#ce7f38
```
#ce7f38 rgb(206,127,56)
```
#d38c4c
```
#d38c4c rgb(211,140,76)
```
#d89961
```
#d89961 rgb(216,153,97)
```

Monochromatic Color

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

#bd4f2f
```
#bd4f2f rgb(189,79,47)
```
#bd5a2f
```
#bd5a2f rgb(189,90,47)
```
#bd662f
```
#bd662f rgb(189,102,47)
```
#bd722f
```
#bd722f rgb(189,114,47)
```
#bd7e2f
```
#bd7e2f rgb(189,126,47)
```
#bd8a2f
```
#bd8a2f rgb(189,138,47)
```
#bd962f
```
#bd962f rgb(189,150,47)
```

Similar Colors

Text with hexadecimal color #bd722f

This text has a font color of #bd722f.

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

#bd722f background color

This paragraph has a background color of #bd722f.

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

#bd722f border color

This element has a border color of #bd722f.

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

CSS codes

.text {color:#bd722f;}

.background {background-color:#bd722f;}

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

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)
```
#201308
```
#201308 rgb(32,19,8)
```
#301d0c
```
#301d0c rgb(48,29,12)
```
#3f2610
```
#3f2610 rgb(63,38,16)
```
#4f3014
```
#4f3014 rgb(79,48,20)
```
#5f3918
```
#5f3918 rgb(95,57,24)
```
#6e431b
```
#6e431b rgb(110,67,27)
```
#7e4c1f
```
#7e4c1f rgb(126,76,31)
```
#8e5623
```
#8e5623 rgb(142,86,35)
```
#9e5f27
```
#9e5f27 rgb(158,95,39)
```
#ad692b
```
#ad692b rgb(173,105,43)
```
#bd722f
```
#bd722f rgb(189,114,47)
```

Shade Color Variation

#cc7b33
```
#cc7b33 rgb(204,123,51)
```
#d08643
```
#d08643 rgb(208,134,67)
```
#d49053
```
#d49053 rgb(212,144,83)
```
#d89a62
```
#d89a62 rgb(216,154,98)
```
#dca472
```
#dca472 rgb(220,164,114)
```
#e0ae82
```
#e0ae82 rgb(224,174,130)
```
#e4b892
```
#e4b892 rgb(228,184,146)
```
#e8c2a1
```
#e8c2a1 rgb(232,194,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 #ea6f02 is the most saturated one.

#7d766f
```
#7d766f rgb(125,118,111)
```
#877565
```
#877565 rgb(135,117,101)
```
#90755c
```
#90755c rgb(144,117,92)
```
#997453
```
#997453 rgb(153,116,83)
```
#a2744a
```
#a2744a rgb(162,116,74)
```
#ab7341
```
#ab7341 rgb(171,115,65)
```
#b47338
```
#b47338 rgb(180,115,56)
```
#bd722f
```
#bd722f rgb(189,114,47)
```
#c67126
```
#c67126 rgb(198,113,38)
```
#cf711d
```
#cf711d rgb(207,113,29)
```
#d87014
```
#d87014 rgb(216,112,20)
```
#e1700b
```
#e1700b rgb(225,112,11)
```
#ea6f02
```
#ea6f02 rgb(234,111,2)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8d7e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a3e Protanopia 1% of men
#ab8336 Deuteranopia 1% of men
#c4727a Tritanopia 0.001% of the population

Trichromacy

#a68138 Protanomaly 1% of men, 0.01% of women
#b17d33 Deuteranomaly 6% of men, 0.4% of women
#c1725e Tritanomaly 0.01% of the population

#bd722f hex color

#bd722f Color Information

#bd722f Color Conversion

Color Schemes with #bd722f

Alternatives to #bd722f

#bd722f Preview

Shades and Tints of #bd722f

Tones of #bd722f

Color Blindness Simulator