#ba7f74 hex color

In a RGB color space, hex #ba7f74 is composed of 72.9% red, 49.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.7% magenta, 37.6% yellow and 27.1% black. It has a hue angle of 9.4 degrees, a saturation of 33.7% and a lightness of 59.2%. #ba7f74 color hex could be obtained by blending #fffee8 with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 50
- B 45
RGB color chart
- C 0
- M 32
- Y 38
- K 27
CMYK color chart

● #ba7f74 color description : Slightly desaturated red.

The hexadecimal color #ba7f74 has RGB values of R:186, G:127, B:116 and CMYK values of C:0, M:0.32, Y:0.38, K:0.27. Its decimal value is 12222324.

Hex triplet	ba7f74	`#ba7f74`
RGB Decimal	186, 127, 116	`rgb(186,127,116)`
RGB Percent	72.9, 49.8, 45.5	`rgb(72.9%,49.8%,45.5%)`
CMYK	0, 32, 38, 27
HSL	9.4°, 33.7, 59.2	`hsl(9.4,33.7%,59.2%)`
HSV (or HSB)	9.4°, 37.6, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	58.863, 21.455, 15.238
XYZ	30.992, 26.88, 20.078
xyY	0.398, 0.345, 26.88
CIE-LCH	58.863, 26.316, 35.383
CIE-LUV	58.863, 40.469, 16.039
Hunter-Lab	51.846, 15.969, 13.332
Binary	10111010, 01111111, 01110100

#ba7f74
```
#ba7f74 rgb(186,127,116)
```
#74afba
```
#74afba rgb(116,175,186)
```

Complementary Color

#ba748c
```
#ba748c rgb(186,116,140)
```
#ba7f74
```
#ba7f74 rgb(186,127,116)
```
#baa274
```
#baa274 rgb(186,162,116)
```

Analogous Color

#748cba
```
#748cba rgb(116,140,186)
```
#ba7f74
```
#ba7f74 rgb(186,127,116)
```
#74baa2
```
#74baa2 rgb(116,186,162)
```

Split Complementary Color

#7f74ba
```
#7f74ba rgb(127,116,186)
```
#ba7f74
```
#ba7f74 rgb(186,127,116)
```
#74ba7f
```
#74ba7f rgb(116,186,127)
```

Triadic Color

#ba74af
```
#ba74af rgb(186,116,175)
```
#ba7f74
```
#ba7f74 rgb(186,127,116)
```
#74ba7f
```
#74ba7f rgb(116,186,127)
```
#74afba
```
#74afba rgb(116,175,186)
```

Tetradic Color

#97574b
```
#97574b rgb(151,87,75)
```
#a86153
```
#a86153 rgb(168,97,83)
```
#b26f63
```
#b26f63 rgb(178,111,99)
```
#ba7f74
```
#ba7f74 rgb(186,127,116)
```
#c28f85
```
#c28f85 rgb(194,143,133)
```
#cb9e96
```
#cb9e96 rgb(203,158,150)
```
#d3aea7
```
#d3aea7 rgb(211,174,167)
```

Monochromatic Color

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

#ba747b
```
#ba747b rgb(186,116,123)
```
#ba7475
```
#ba7475 rgb(186,116,117)
```
#ba7974
```
#ba7974 rgb(186,121,116)
```
#ba7f74
```
#ba7f74 rgb(186,127,116)
```
#ba8574
```
#ba8574 rgb(186,133,116)
```
#ba8b74
```
#ba8b74 rgb(186,139,116)
```
#ba9174
```
#ba9174 rgb(186,145,116)
```

Similar Colors

Text with hexadecimal color #ba7f74

This text has a font color of #ba7f74.

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

#ba7f74 background color

This paragraph has a background color of #ba7f74.

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

#ba7f74 border color

This element has a border color of #ba7f74.

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

CSS codes

.text {color:#ba7f74;}

.background {background-color:#ba7f74;}

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

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

#050303
```
#050303 rgb(5,3,3)
```
#120b09
```
#120b09 rgb(18,11,9)
```
#1f1210
```
#1f1210 rgb(31,18,16)
```
#2d1a16
```
#2d1a16 rgb(45,26,22)
```
#3a211d
```
#3a211d rgb(58,33,29)
```
#472923
```
#472923 rgb(71,41,35)
```
#54302a
```
#54302a rgb(84,48,42)
```
#613830
```
#613830 rgb(97,56,48)
```
#6e3f37
```
#6e3f37 rgb(110,63,55)
```
#7b473d
```
#7b473d rgb(123,71,61)
```
#884e44
```
#884e44 rgb(136,78,68)
```
#95564a
```
#95564a rgb(149,86,74)
```
#a25e51
```
#a25e51 rgb(162,94,81)
```

Shade Color Variation

#ad675a
```
#ad675a rgb(173,103,90)
```
#b37367
```
#b37367 rgb(179,115,103)
```
#ba7f74
```
#ba7f74 rgb(186,127,116)
```
#c18b81
```
#c18b81 rgb(193,139,129)
```
#c7978e
```
#c7978e rgb(199,151,142)
```
#cea39b
```
#cea39b rgb(206,163,155)
```
#d4afa8
```
#d4afa8 rgb(212,175,168)
```
#dbbbb6
```
#dbbbb6 rgb(219,187,182)
```
#e1c7c3
```
#e1c7c3 rgb(225,199,195)
```
#e8d3d0
```
#e8d3d0 rgb(232,211,208)
```
#eee0dd
```
#eee0dd rgb(238,224,221)
```
#f5ecea
```
#f5ecea rgb(245,236,234)
```
#fbf8f7
```
#fbf8f7 rgb(251,248,247)
```

Tint Color Variation

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

#9a9594
```
#9a9594 rgb(154,149,148)
```
#a28f8c
```
#a28f8c rgb(162,143,140)
```
#aa8a84
```
#aa8a84 rgb(170,138,132)
```
#b2847c
```
#b2847c rgb(178,132,124)
```
#ba7f74
```
#ba7f74 rgb(186,127,116)
```
#c27a6c
```
#c27a6c rgb(194,122,108)
```
#ca7464
```
#ca7464 rgb(202,116,100)
```
#d26f5c
```
#d26f5c rgb(210,111,92)
```
#da6954
```
#da6954 rgb(218,105,84)
```
#e2644c
```
#e2644c rgb(226,100,76)
```
#ea5e44
```
#ea5e44 rgb(234,94,68)
```
#f2593c
```
#f2593c rgb(242,89,60)
```
#fa5334
```
#fa5334 rgb(250,83,52)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#988c8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9381 Protanopia 1% of men
#aa8e78 Deuteranopia 1% of men
#bf838c Tritanopia 0.001% of the population

Trichromacy

#a58b7c Protanomaly 1% of men, 0.01% of women
#b08877 Deuteranomaly 6% of men, 0.4% of women
#bd8183 Tritanomaly 0.01% of the population

#ba7f74 hex color

#ba7f74 Color Information

#ba7f74 Color Conversion

Color Schemes with #ba7f74

Alternatives to #ba7f74

#ba7f74 Preview

Shades and Tints of #ba7f74

Tones of #ba7f74

Color Blindness Simulator