colorhexa.com

#ba7a67 hex color

In a RGB color space, hex #ba7a67 is composed of 72.9% red, 47.8% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.4% magenta, 44.6% yellow and 27.1% black. It has a hue angle of 13.7 degrees, a saturation of 37.6% and a lightness of 56.7%. #ba7a67 color hex could be obtained by blending #fff4ce with #750000. Closest websafe color is: #cc6666.

- R 73
- G 48
- B 40
RGB color chart
- C 0
- M 34
- Y 45
- K 27
CMYK color chart

● #ba7a67 color description : Slightly desaturated red.

The hexadecimal color #ba7a67 has RGB values of R:186, G:122, B:103 and CMYK values of C:0, M:0.34, Y:0.45, K:0.27. Its decimal value is 12221031.

Hex triplet	ba7a67	`#ba7a67`
RGB Decimal	186, 122, 103	`rgb(186,122,103)`
RGB Percent	72.9, 47.8, 40.4	`rgb(72.9%,47.8%,40.4%)`
CMYK	0, 34, 45, 27
HSL	13.7°, 37.6, 56.7	`hsl(13.7,37.6%,56.7%)`
HSV (or HSB)	13.7°, 44.6, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.404, 22.734, 20.668
XYZ	29.658, 25.339, 16.16
xyY	0.417, 0.356, 25.339
CIE-LCH	57.404, 30.725, 42.275
CIE-LUV	57.404, 45.56, 21.902
Hunter-Lab	50.338, 17.075, 16.203
Binary	10111010, 01111010, 01100111

#ba7a67
```
#ba7a67 rgb(186,122,103)
```
#67a7ba
```
#67a7ba rgb(103,167,186)
```

Complementary Color

#ba677e
```
#ba677e rgb(186,103,126)
```
#ba7a67
```
#ba7a67 rgb(186,122,103)
```
#baa467
```
#baa467 rgb(186,164,103)
```

Analogous Color

#677eba
```
#677eba rgb(103,126,186)
```
#ba7a67
```
#ba7a67 rgb(186,122,103)
```
#67baa4
```
#67baa4 rgb(103,186,164)
```

Split Complementary Color

#7a67ba
```
#7a67ba rgb(122,103,186)
```
#ba7a67
```
#ba7a67 rgb(186,122,103)
```
#67ba7a
```
#67ba7a rgb(103,186,122)
```

Triadic Color

#ba67a7
```
#ba67a7 rgb(186,103,167)
```
#ba7a67
```
#ba7a67 rgb(186,122,103)
```
#67ba7a
```
#67ba7a rgb(103,186,122)
```
#67a7ba
```
#67a7ba rgb(103,167,186)
```

Tetradic Color

#925542
```
#925542 rgb(146,85,66)
```
#a45f4a
```
#a45f4a rgb(164,95,74)
```
#b26b55
```
#b26b55 rgb(178,107,85)
```
#ba7a67
```
#ba7a67 rgb(186,122,103)
```
#c28979
```
#c28979 rgb(194,137,121)
```
#ca998a
```
#ca998a rgb(202,153,138)
```
#d2a89c
```
#d2a89c rgb(210,168,156)
```

Monochromatic Color

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

#ba6769
```
#ba6769 rgb(186,103,105)
```
#ba6c67
```
#ba6c67 rgb(186,108,103)
```
#ba7367
```
#ba7367 rgb(186,115,103)
```
#ba7a67
```
#ba7a67 rgb(186,122,103)
```
#ba8167
```
#ba8167 rgb(186,129,103)
```
#ba8867
```
#ba8867 rgb(186,136,103)
```
#ba8f67
```
#ba8f67 rgb(186,143,103)
```

Similar Colors

Text with hexadecimal color #ba7a67

This text has a font color of #ba7a67.

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

#ba7a67 background color

This paragraph has a background color of #ba7a67.

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

#ba7a67 border color

This element has a border color of #ba7a67.

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

CSS codes

.text {color:#ba7a67;}

.background {background-color:#ba7a67;}

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

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, #0a0604 is the darkest color, while #fdfcfb is the lightest one.

#0a0604
```
#0a0604 rgb(10,6,4)
```
#170e0b
```
#170e0b rgb(23,14,11)
```
#251511
```
#251511 rgb(37,21,17)
```
#321d17
```
#321d17 rgb(50,29,23)
```
#40251d
```
#40251d rgb(64,37,29)
```
#4d2d23
```
#4d2d23 rgb(77,45,35)
```
#5b3529
```
#5b3529 rgb(91,53,41)
```
#683c2f
```
#683c2f rgb(104,60,47)
```
#764435
```
#764435 rgb(118,68,53)
```
#834c3c
```
#834c3c rgb(131,76,60)
```
#915442
```
#915442 rgb(145,84,66)
```
#9e5c48
```
#9e5c48 rgb(158,92,72)
```
#ac634e
```
#ac634e rgb(172,99,78)
```

Shade Color Variation

#b46e5a
```
#b46e5a rgb(180,110,90)
```
#ba7a67
```
#ba7a67 rgb(186,122,103)
```
#c08674
```
#c08674 rgb(192,134,116)
```
#c69282
```
#c69282 rgb(198,146,130)
```
#cc9d8f
```
#cc9d8f rgb(204,157,143)
```
#d2a99d
```
#d2a99d rgb(210,169,157)
```
#d9b5aa
```
#d9b5aa rgb(217,181,170)
```
#dfc1b8
```
#dfc1b8 rgb(223,193,184)
```
#e5cdc5
```
#e5cdc5 rgb(229,205,197)
```
#ebd8d3
```
#ebd8d3 rgb(235,216,211)
```
#f1e4e0
```
#f1e4e0 rgb(241,228,224)
```
#f7f0ee
```
#f7f0ee rgb(247,240,238)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#988c89
```
#988c89 rgb(152,140,137)
```
#a18881
```
#a18881 rgb(161,136,129)
```
#a98378
```
#a98378 rgb(169,131,120)
```
#b27f70
```
#b27f70 rgb(178,127,112)
```
#ba7a67
```
#ba7a67 rgb(186,122,103)
```
#c3755f
```
#c3755f rgb(195,117,95)
```
#cb7156
```
#cb7156 rgb(203,113,86)
```
#d46c4e
```
#d46c4e rgb(212,108,78)
```
#dc6845
```
#dc6845 rgb(220,104,69)
```
#e5633d
```
#e5633d rgb(229,99,61)
```
#ed5e34
```
#ed5e34 rgb(237,94,52)
```
#f65a2c
```
#f65a2c rgb(246,90,44)
```
#fe5523
```
#fe5523 rgb(254,85,35)
```

Tone Color Variation

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

Dichromacy

#988f75 Protanopia 1% of men
#a98a6c Deuteranopia 1% of men
#bf7d86 Tritanopia 0.001% of the population

Trichromacy

#a4876f Protanomaly 1% of men, 0.01% of women
#af846a Deuteranomaly 6% of men, 0.4% of women
#bd7c7a Tritanomaly 0.01% of the population