#ba6464 hex color

In a RGB color space, hex #ba6464 is composed of 72.9% red, 39.2% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.2% magenta, 46.2% yellow and 27.1% black. It has a hue angle of 0 degrees, a saturation of 38.4% and a lightness of 56.1%. #ba6464 color hex could be obtained by blending #ffc8c8 with #750000. Closest websafe color is: #cc6666.

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

● #ba6464 color description : Slightly desaturated red.

The hexadecimal color #ba6464 has RGB values of R:186, G:100, B:100 and CMYK values of C:0, M:0.46, Y:0.46, K:0.27. Its decimal value is 12215396.

Hex triplet	ba6464	`#ba6464`
RGB Decimal	186, 100, 100	`rgb(186,100,100)`
RGB Percent	72.9, 39.2, 39.2	`rgb(72.9%,39.2%,39.2%)`
CMYK	0, 46, 46, 27
HSL	0°, 38.4, 56.1	`hsl(0,38.4%,56.1%)`
HSV (or HSB)	0°, 46.2, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	52.371, 34.419, 15.559
XYZ	27.108, 20.476, 14.58
xyY	0.436, 0.329, 20.476
CIE-LCH	52.371, 37.772, 24.325
CIE-LUV	52.371, 60.611, 13.072
Hunter-Lab	45.25, 27.745, 12.571
Binary	10111010, 01100100, 01100100

#ba6464
```
#ba6464 rgb(186,100,100)
```
#64baba
```
#64baba rgb(100,186,186)
```

Complementary Color

#ba648f
```
#ba648f rgb(186,100,143)
```
#ba6464
```
#ba6464 rgb(186,100,100)
```
#ba8f64
```
#ba8f64 rgb(186,143,100)
```

Analogous Color

#648fba
```
#648fba rgb(100,143,186)
```
#ba6464
```
#ba6464 rgb(186,100,100)
```
#64ba8f
```
#64ba8f rgb(100,186,143)
```

Split Complementary Color

#6464ba
```
#6464ba rgb(100,100,186)
```
#ba6464
```
#ba6464 rgb(186,100,100)
```
#64ba64
```
#64ba64 rgb(100,186,100)
```

Triadic Color

#ba64ba
```
#ba64ba rgb(186,100,186)
```
#ba6464
```
#ba6464 rgb(186,100,100)
```
#64ba64
```
#64ba64 rgb(100,186,100)
```
#64baba
```
#64baba rgb(100,186,186)
```

Tetradic Color

#914141
```
#914141 rgb(145,65,65)
```
#a34848
```
#a34848 rgb(163,72,72)
```
#b25252
```
#b25252 rgb(178,82,82)
```
#ba6464
```
#ba6464 rgb(186,100,100)
```
#c27676
```
#c27676 rgb(194,118,118)
```
#ca8787
```
#ca8787 rgb(202,135,135)
```
#d29999
```
#d29999 rgb(210,153,153)
```

Monochromatic Color

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

#ba647a
```
#ba647a rgb(186,100,122)
```
#ba6472
```
#ba6472 rgb(186,100,114)
```
#ba646b
```
#ba646b rgb(186,100,107)
```
#ba6464
```
#ba6464 rgb(186,100,100)
```
#ba6b64
```
#ba6b64 rgb(186,107,100)
```
#ba7264
```
#ba7264 rgb(186,114,100)
```
#ba7a64
```
#ba7a64 rgb(186,122,100)
```

Similar Colors

Text with hexadecimal color #ba6464

This text has a font color of #ba6464.

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

#ba6464 background color

This paragraph has a background color of #ba6464.

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

#ba6464 border color

This element has a border color of #ba6464.

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

CSS codes

.text {color:#ba6464;}

.background {background-color:#ba6464;}

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

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

#080404
```
#080404 rgb(8,4,4)
```
#150a0a
```
#150a0a rgb(21,10,10)
```
#231010
```
#231010 rgb(35,16,16)
```
#311616
```
#311616 rgb(49,22,22)
```
#3e1c1c
```
#3e1c1c rgb(62,28,28)
```
#4c2222
```
#4c2222 rgb(76,34,34)
```
#592828
```
#592828 rgb(89,40,40)
```
#672e2e
```
#672e2e rgb(103,46,46)
```
#743434
```
#743434 rgb(116,52,52)
```
#823a3a
```
#823a3a rgb(130,58,58)
```
#904040
```
#904040 rgb(144,64,64)
```
#9d4646
```
#9d4646 rgb(157,70,70)
```
#ab4c4c
```
#ab4c4c rgb(171,76,76)
```

Shade Color Variation

#b45656
```
#b45656 rgb(180,86,86)
```
#ba6464
```
#ba6464 rgb(186,100,100)
```
#c07272
```
#c07272 rgb(192,114,114)
```
#c67f7f
```
#c67f7f rgb(198,127,127)
```
#cc8d8d
```
#cc8d8d rgb(204,141,141)
```
#d29a9a
```
#d29a9a rgb(210,154,154)
```
#d8a8a8
```
#d8a8a8 rgb(216,168,168)
```
#deb5b5
```
#deb5b5 rgb(222,181,181)
```
#e4c3c3
```
#e4c3c3 rgb(228,195,195)
```
#ead1d1
```
#ead1d1 rgb(234,209,209)
```
#f0dede
```
#f0dede rgb(240,222,222)
```
#f6ecec
```
#f6ecec rgb(246,236,236)
```
#fcf9f9
```
#fcf9f9 rgb(252,249,249)
```

Tint Color Variation

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

#988686
```
#988686 rgb(152,134,134)
```
#a07e7e
```
#a07e7e rgb(160,126,126)
```
#a97575
```
#a97575 rgb(169,117,117)
```
#b16d6d
```
#b16d6d rgb(177,109,109)
```
#ba6464
```
#ba6464 rgb(186,100,100)
```
#c35b5b
```
#c35b5b rgb(195,91,91)
```
#cb5353
```
#cb5353 rgb(203,83,83)
```
#d44a4a
```
#d44a4a rgb(212,74,74)
```
#dc4242
```
#dc4242 rgb(220,66,66)
```
#e53939
```
#e53939 rgb(229,57,57)
```
#ee3030
```
#ee3030 rgb(238,48,48)
```
#f62828
```
#f62828 rgb(246,40,40)
```
#ff1f1f
```
#ff1f1f rgb(255,31,31)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8a7979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#898376 Protanopia 1% of men
#997e67 Deuteranopia 1% of men
#be6b72 Tritanopia 0.001% of the population

Trichromacy

#9a776f Protanomaly 1% of men, 0.01% of women
#a57566 Deuteranomaly 6% of men, 0.4% of women
#bc686c Tritanomaly 0.01% of the population

#ba6464 hex color

#ba6464 Color Information

#ba6464 Color Conversion

Color Schemes with #ba6464

Alternatives to #ba6464

#ba6464 Preview

Shades and Tints of #ba6464

Tones of #ba6464

Color Blindness Simulator