#bd7a63 hex color

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

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

● #bd7a63 color description : Slightly desaturated orange.

The hexadecimal color #bd7a63 has RGB values of R:189, G:122, B:99 and CMYK values of C:0, M:0.35, Y:0.48, K:0.26. Its decimal value is 12417635.

Hex triplet	bd7a63	`#bd7a63`
RGB Decimal	189, 122, 99	`rgb(189,122,99)`
RGB Percent	74.1, 47.8, 38.8	`rgb(74.1%,47.8%,38.8%)`
CMYK	0, 35, 48, 26
HSL	15.3°, 40.5, 56.5	`hsl(15.3,40.5%,56.5%)`
HSV (or HSB)	15.3°, 47.6, 74.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.694, 23.533, 23.394
XYZ	30.198, 25.641, 15.162
xyY	0.425, 0.361, 25.641
CIE-LCH	57.694, 33.183, 44.831
CIE-LUV	57.694, 48.441, 24.756
Hunter-Lab	50.637, 17.839, 17.692
Binary	10111101, 01111010, 01100011

#bd7a63
```
#bd7a63 rgb(189,122,99)
```
#63a6bd
```
#63a6bd rgb(99,166,189)
```

Complementary Color

#bd6379
```
#bd6379 rgb(189,99,121)
```
#bd7a63
```
#bd7a63 rgb(189,122,99)
```
#bda763
```
#bda763 rgb(189,167,99)
```

Analogous Color

#6379bd
```
#6379bd rgb(99,121,189)
```
#bd7a63
```
#bd7a63 rgb(189,122,99)
```
#63bda7
```
#63bda7 rgb(99,189,167)
```

Split Complementary Color

#7a63bd
```
#7a63bd rgb(122,99,189)
```
#bd7a63
```
#bd7a63 rgb(189,122,99)
```
#63bd7a
```
#63bd7a rgb(99,189,122)
```

Triadic Color

#bd63a6
```
#bd63a6 rgb(189,99,166)
```
#bd7a63
```
#bd7a63 rgb(189,122,99)
```
#63bd7a
```
#63bd7a rgb(99,189,122)
```
#63a6bd
```
#63a6bd rgb(99,166,189)
```

Tetradic Color

#95553f
```
#95553f rgb(149,85,63)
```
#a75f46
```
#a75f46 rgb(167,95,70)
```
#b56b51
```
#b56b51 rgb(181,107,81)
```
#bd7a63
```
#bd7a63 rgb(189,122,99)
```
#c58975
```
#c58975 rgb(197,137,117)
```
#cc9987
```
#cc9987 rgb(204,153,135)
```
#d4a899
```
#d4a899 rgb(212,168,153)
```

Monochromatic Color

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

#bd6463
```
#bd6463 rgb(189,100,99)
```
#bd6b63
```
#bd6b63 rgb(189,107,99)
```
#bd7363
```
#bd7363 rgb(189,115,99)
```
#bd7a63
```
#bd7a63 rgb(189,122,99)
```
#bd8263
```
#bd8263 rgb(189,130,99)
```
#bd8963
```
#bd8963 rgb(189,137,99)
```
#bd9163
```
#bd9163 rgb(189,145,99)
```

Similar Colors

Text with hexadecimal color #bd7a63

This text has a font color of #bd7a63.

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

#bd7a63 background color

This paragraph has a background color of #bd7a63.

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

#bd7a63 border color

This element has a border color of #bd7a63.

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

CSS codes

.text {color:#bd7a63;}

.background {background-color:#bd7a63;}

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

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

#090504
```
#090504 rgb(9,5,4)
```
#170d0a
```
#170d0a rgb(23,13,10)
```
#251510
```
#251510 rgb(37,21,16)
```
#331d15
```
#331d15 rgb(51,29,21)
```
#41251b
```
#41251b rgb(65,37,27)
```
#4e2d21
```
#4e2d21 rgb(78,45,33)
```
#5c3527
```
#5c3527 rgb(92,53,39)
```
#6a3c2d
```
#6a3c2d rgb(106,60,45)
```
#784433
```
#784433 rgb(120,68,51)
```
#854c38
```
#854c38 rgb(133,76,56)
```
#93543e
```
#93543e rgb(147,84,62)
```
#a15c44
```
#a15c44 rgb(161,92,68)
```
#af644a
```
#af644a rgb(175,100,74)
```

Shade Color Variation

#b76e55
```
#b76e55 rgb(183,110,85)
```
#bd7a63
```
#bd7a63 rgb(189,122,99)
```
#c38671
```
#c38671 rgb(195,134,113)
```
#c9927f
```
#c9927f rgb(201,146,127)
```
#ce9d8c
```
#ce9d8c rgb(206,157,140)
```
#d4a99a
```
#d4a99a rgb(212,169,154)
```
#dab5a8
```
#dab5a8 rgb(218,181,168)
```
#e0c1b6
```
#e0c1b6 rgb(224,193,182)
```
#e6ccc3
```
#e6ccc3 rgb(230,204,195)
```
#ecd8d1
```
#ecd8d1 rgb(236,216,209)
```
#f1e4df
```
#f1e4df rgb(241,228,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 #f95d27 is the most saturated one.

#928f8e
```
#928f8e rgb(146,143,142)
```
#9b8b85
```
#9b8b85 rgb(155,139,133)
```
#a3877d
```
#a3877d rgb(163,135,125)
```
#ac8274
```
#ac8274 rgb(172,130,116)
```
#b47e6c
```
#b47e6c rgb(180,126,108)
```
#bd7a63
```
#bd7a63 rgb(189,122,99)
```
#c6765a
```
#c6765a rgb(198,118,90)
```
#ce7252
```
#ce7252 rgb(206,114,82)
```
#d76d49
```
#d76d49 rgb(215,109,73)
```
#df6941
```
#df6941 rgb(223,105,65)
```
#e86538
```
#e86538 rgb(232,101,56)
```
#f06130
```
#f06130 rgb(240,97,48)
```
#f95d27
```
#f95d27 rgb(249,93,39)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#958883 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9071 Protanopia 1% of men
#ab8a68 Deuteranopia 1% of men
#c27d85 Tritanopia 0.001% of the population

Trichromacy

#a6886c Protanomaly 1% of men, 0.01% of women
#b18466 Deuteranomaly 6% of men, 0.4% of women
#c07c79 Tritanomaly 0.01% of the population

#bd7a63 hex color

#bd7a63 Color Information

#bd7a63 Color Conversion

Color Schemes with #bd7a63

Alternatives to #bd7a63

#bd7a63 Preview

Shades and Tints of #bd7a63

Tones of #bd7a63

Color Blindness Simulator