#bd7f63 hex color

In a RGB color space, hex #bd7f63 is composed of 74.1% red, 49.8% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.8% magenta, 47.6% yellow and 25.9% black. It has a hue angle of 18.7 degrees, a saturation of 40.5% and a lightness of 56.5%. #bd7f63 color hex could be obtained by blending #fffec6 with #7b0000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 74
- G 50
- B 39
RGB color chart
- C 0
- M 33
- Y 48
- K 26
CMYK color chart

● #bd7f63 color description : Slightly desaturated orange.

The hexadecimal color #bd7f63 has RGB values of R:189, G:127, B:99 and CMYK values of C:0, M:0.33, Y:0.48, K:0.26. Its decimal value is 12418915.

Hex triplet	bd7f63	`#bd7f63`
RGB Decimal	189, 127, 99	`rgb(189,127,99)`
RGB Percent	74.1, 49.8, 38.8	`rgb(74.1%,49.8%,38.8%)`
CMYK	0, 33, 48, 26
HSL	18.7°, 40.5, 56.5	`hsl(18.7,40.5%,56.5%)`
HSV (or HSB)	18.7°, 47.6, 74.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	58.882, 20.77, 24.965
XYZ	30.828, 26.9, 15.372
xyY	0.422, 0.368, 26.9
CIE-LCH	58.882, 32.475, 50.241
CIE-LUV	58.882, 45.026, 27.229
Hunter-Lab	51.865, 15.334, 18.733
Binary	10111101, 01111111, 01100011

#bd7f63
```
#bd7f63 rgb(189,127,99)
```
#63a1bd
```
#63a1bd rgb(99,161,189)
```

Complementary Color

#bd6374
```
#bd6374 rgb(189,99,116)
```
#bd7f63
```
#bd7f63 rgb(189,127,99)
```
#bdac63
```
#bdac63 rgb(189,172,99)
```

Analogous Color

#6374bd
```
#6374bd rgb(99,116,189)
```
#bd7f63
```
#bd7f63 rgb(189,127,99)
```
#63bdac
```
#63bdac rgb(99,189,172)
```

Split Complementary Color

#7f63bd
```
#7f63bd rgb(127,99,189)
```
#bd7f63
```
#bd7f63 rgb(189,127,99)
```
#63bd7f
```
#63bd7f rgb(99,189,127)
```

Triadic Color

#bd63a1
```
#bd63a1 rgb(189,99,161)
```
#bd7f63
```
#bd7f63 rgb(189,127,99)
```
#63bd7f
```
#63bd7f rgb(99,189,127)
```
#63a1bd
```
#63a1bd rgb(99,161,189)
```

Tetradic Color

#955a3f
```
#955a3f rgb(149,90,63)
```
#a76446
```
#a76446 rgb(167,100,70)
```
#b57051
```
#b57051 rgb(181,112,81)
```
#bd7f63
```
#bd7f63 rgb(189,127,99)
```
#c58e75
```
#c58e75 rgb(197,142,117)
```
#cc9c87
```
#cc9c87 rgb(204,156,135)
```
#d4ab99
```
#d4ab99 rgb(212,171,153)
```

Monochromatic Color

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

#bd6963
```
#bd6963 rgb(189,105,99)
```
#bd7063
```
#bd7063 rgb(189,112,99)
```
#bd7863
```
#bd7863 rgb(189,120,99)
```
#bd7f63
```
#bd7f63 rgb(189,127,99)
```
#bd8763
```
#bd8763 rgb(189,135,99)
```
#bd8e63
```
#bd8e63 rgb(189,142,99)
```
#bd9663
```
#bd9663 rgb(189,150,99)
```

Similar Colors

Text with hexadecimal color #bd7f63

This text has a font color of #bd7f63.

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

#bd7f63 background color

This paragraph has a background color of #bd7f63.

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

#bd7f63 border color

This element has a border color of #bd7f63.

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

CSS codes

.text {color:#bd7f63;}

.background {background-color:#bd7f63;}

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

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

#090604
```
#090604 rgb(9,6,4)
```
#170e0a
```
#170e0a rgb(23,14,10)
```
#251610
```
#251610 rgb(37,22,16)
```
#331f15
```
#331f15 rgb(51,31,21)
```
#41271b
```
#41271b rgb(65,39,27)
```
#4e2f21
```
#4e2f21 rgb(78,47,33)
```
#5c3827
```
#5c3827 rgb(92,56,39)
```
#6a402d
```
#6a402d rgb(106,64,45)
```
#784833
```
#784833 rgb(120,72,51)
```
#855038
```
#855038 rgb(133,80,56)
```
#93593e
```
#93593e rgb(147,89,62)
```
#a16144
```
#a16144 rgb(161,97,68)
```
#af694a
```
#af694a rgb(175,105,74)
```

Shade Color Variation

#b77455
```
#b77455 rgb(183,116,85)
```
#bd7f63
```
#bd7f63 rgb(189,127,99)
```
#c38a71
```
#c38a71 rgb(195,138,113)
```
#c9967f
```
#c9967f rgb(201,150,127)
```
#cea18c
```
#cea18c rgb(206,161,140)
```
#d4ac9a
```
#d4ac9a rgb(212,172,154)
```
#dab8a8
```
#dab8a8 rgb(218,184,168)
```
#e0c3b6
```
#e0c3b6 rgb(224,195,182)
```
#e6cec3
```
#e6cec3 rgb(230,206,195)
```
#ecd9d1
```
#ecd9d1 rgb(236,217,209)
```
#f1e5df
```
#f1e5df rgb(241,229,223)
```
#f7f0ed
```
#f7f0ed rgb(247,240,237)
```
#fdfbfb
```
#fdfbfb rgb(253,251,251)
```

Tint Color Variation

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

#928f8e
```
#928f8e rgb(146,143,142)
```
#9b8c85
```
#9b8c85 rgb(155,140,133)
```
#a3897d
```
#a3897d rgb(163,137,125)
```
#ac8574
```
#ac8574 rgb(172,133,116)
```
#b4826c
```
#b4826c rgb(180,130,108)
```
#bd7f63
```
#bd7f63 rgb(189,127,99)
```
#c67c5a
```
#c67c5a rgb(198,124,90)
```
#ce7952
```
#ce7952 rgb(206,121,82)
```
#d77549
```
#d77549 rgb(215,117,73)
```
#df7241
```
#df7241 rgb(223,114,65)
```
#e86f38
```
#e86f38 rgb(232,111,56)
```
#f06c30
```
#f06c30 rgb(240,108,48)
```
#f96827
```
#f96827 rgb(249,104,39)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#978b85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9370 Protanopia 1% of men
#ae8d68 Deuteranopia 1% of men
#c3818a Tritanopia 0.001% of the population

Trichromacy

#a98b6b Protanomaly 1% of men, 0.01% of women
#b38866 Deuteranomaly 6% of men, 0.4% of women
#c1807b Tritanomaly 0.01% of the population

#bd7f63 hex color

#bd7f63 Color Information

#bd7f63 Color Conversion

Color Schemes with #bd7f63

Alternatives to #bd7f63

#bd7f63 Preview

Shades and Tints of #bd7f63

Tones of #bd7f63

Color Blindness Simulator