#ba6963 hex color

In a RGB color space, hex #ba6963 is composed of 72.9% red, 41.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.5% magenta, 46.8% yellow and 27.1% black. It has a hue angle of 4.1 degrees, a saturation of 38.7% and a lightness of 55.9%. #ba6963 color hex could be obtained by blending #ffd2c6 with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 41
- B 39
RGB color chart
- C 0
- M 44
- Y 47
- K 27
CMYK color chart

● #ba6963 color description : Slightly desaturated red.

The hexadecimal color #ba6963 has RGB values of R:186, G:105, B:99 and CMYK values of C:0, M:0.44, Y:0.47, K:0.27. Its decimal value is 12216675.

Hex triplet	ba6963	`#ba6963`
RGB Decimal	186, 105, 99	`rgb(186,105,99)`
RGB Percent	72.9, 41.2, 38.8	`rgb(72.9%,41.2%,38.8%)`
CMYK	0, 44, 47, 27
HSL	4.1°, 38.7, 55.9	`hsl(4.1,38.7%,55.9%)`
HSV (or HSB)	4.1°, 46.8, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.433, 31.635, 17.599
XYZ	27.554, 21.445, 14.492
xyY	0.434, 0.338, 21.445
CIE-LCH	53.433, 36.201, 29.087
CIE-LUV	53.433, 57.527, 16.074
Hunter-Lab	46.309, 25.167, 13.862
Binary	10111010, 01101001, 01100011

#ba6963
```
#ba6963 rgb(186,105,99)
```
#63b4ba
```
#63b4ba rgb(99,180,186)
```

Complementary Color

#ba6389
```
#ba6389 rgb(186,99,137)
```
#ba6963
```
#ba6963 rgb(186,105,99)
```
#ba9563
```
#ba9563 rgb(186,149,99)
```

Analogous Color

#6389ba
```
#6389ba rgb(99,137,186)
```
#ba6963
```
#ba6963 rgb(186,105,99)
```
#63ba95
```
#63ba95 rgb(99,186,149)
```

Split Complementary Color

#6963ba
```
#6963ba rgb(105,99,186)
```
#ba6963
```
#ba6963 rgb(186,105,99)
```
#63ba69
```
#63ba69 rgb(99,186,105)
```

Triadic Color

#ba63b4
```
#ba63b4 rgb(186,99,180)
```
#ba6963
```
#ba6963 rgb(186,105,99)
```
#63ba69
```
#63ba69 rgb(99,186,105)
```
#63b4ba
```
#63b4ba rgb(99,180,186)
```

Tetradic Color

#914640
```
#914640 rgb(145,70,64)
```
#a24e48
```
#a24e48 rgb(162,78,72)
```
#b25851
```
#b25851 rgb(178,88,81)
```
#ba6963
```
#ba6963 rgb(186,105,99)
```
#c27a75
```
#c27a75 rgb(194,122,117)
```
#ca8b86
```
#ca8b86 rgb(202,139,134)
```
#d19c98
```
#d19c98 rgb(209,156,152)
```

Monochromatic Color

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

#ba6373
```
#ba6373 rgb(186,99,115)
```
#ba636c
```
#ba636c rgb(186,99,108)
```
#ba6364
```
#ba6364 rgb(186,99,100)
```
#ba6963
```
#ba6963 rgb(186,105,99)
```
#ba7063
```
#ba7063 rgb(186,112,99)
```
#ba7863
```
#ba7863 rgb(186,120,99)
```
#ba7f63
```
#ba7f63 rgb(186,127,99)
```

Similar Colors

Text with hexadecimal color #ba6963

This text has a font color of #ba6963.

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

#ba6963 background color

This paragraph has a background color of #ba6963.

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

#ba6963 border color

This element has a border color of #ba6963.

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

CSS codes

.text {color:#ba6963;}

.background {background-color:#ba6963;}

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

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

#070303
```
#070303 rgb(7,3,3)
```
#150a09
```
#150a09 rgb(21,10,9)
```
#22110f
```
#22110f rgb(34,17,15)
```
#301715
```
#301715 rgb(48,23,21)
```
#3e1e1b
```
#3e1e1b rgb(62,30,27)
```
#4b2421
```
#4b2421 rgb(75,36,33)
```
#592b27
```
#592b27 rgb(89,43,39)
```
#66312d
```
#66312d rgb(102,49,45)
```
#743833
```
#743833 rgb(116,56,51)
```
#823e39
```
#823e39 rgb(130,62,57)
```
#8f453f
```
#8f453f rgb(143,69,63)
```
#9d4b45
```
#9d4b45 rgb(157,75,69)
```
#aa524b
```
#aa524b rgb(170,82,75)
```

Shade Color Variation

#b45c55
```
#b45c55 rgb(180,92,85)
```
#ba6963
```
#ba6963 rgb(186,105,99)
```
#c07671
```
#c07671 rgb(192,118,113)
```
#c6837e
```
#c6837e rgb(198,131,126)
```
#cc908c
```
#cc908c rgb(204,144,140)
```
#d29d99
```
#d29d99 rgb(210,157,153)
```
#d8aaa7
```
#d8aaa7 rgb(216,170,167)
```
#deb7b5
```
#deb7b5 rgb(222,183,181)
```
#e4c5c2
```
#e4c5c2 rgb(228,197,194)
```
#ead2d0
```
#ead2d0 rgb(234,210,208)
```
#f0dfdd
```
#f0dfdd rgb(240,223,221)
```
#f6eceb
```
#f6eceb rgb(246,236,235)
```
#fcf9f9
```
#fcf9f9 rgb(252,249,249)
```

Tint Color Variation

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

#8f8e8e
```
#8f8e8e rgb(143,142,142)
```
#978786
```
#978786 rgb(151,135,134)
```
#a07f7d
```
#a07f7d rgb(160,127,125)
```
#a97874
```
#a97874 rgb(169,120,116)
```
#b1706c
```
#b1706c rgb(177,112,108)
```
#ba6963
```
#ba6963 rgb(186,105,99)
```
#c3625a
```
#c3625a rgb(195,98,90)
```
#cb5a52
```
#cb5a52 rgb(203,90,82)
```
#d45349
```
#d45349 rgb(212,83,73)
```
#dd4b40
```
#dd4b40 rgb(221,75,64)
```
#e54438
```
#e54438 rgb(229,68,56)
```
#ee3c2f
```
#ee3c2f rgb(238,60,47)
```
#f73526
```
#f73526 rgb(247,53,38)
```

Tone Color Variation

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

Dichromacy

#8c8574 Protanopia 1% of men
#9d8166 Deuteranopia 1% of men
#be6f76 Tritanopia 0.001% of the population

Trichromacy

#9d7b6e Protanomaly 1% of men, 0.01% of women
#a77865 Deuteranomaly 6% of men, 0.4% of women
#bc6c6f Tritanomaly 0.01% of the population

#ba6963 hex color

#ba6963 Color Information

#ba6963 Color Conversion

Color Schemes with #ba6963

Alternatives to #ba6963

#ba6963 Preview

Shades and Tints of #ba6963

Tones of #ba6963

Color Blindness Simulator