#ba6676 hex color

In a RGB color space, hex #ba6676 is composed of 72.9% red, 40% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.2% magenta, 36.6% yellow and 27.1% black. It has a hue angle of 348.6 degrees, a saturation of 37.8% and a lightness of 56.5%. #ba6676 color hex could be obtained by blending #ffccec with #750000. Closest websafe color is: #cc6666.

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

● #ba6676 color description : Slightly desaturated red.

The hexadecimal color #ba6676 has RGB values of R:186, G:102, B:118 and CMYK values of C:0, M:0.45, Y:0.37, K:0.27. Its decimal value is 12215926.

Hex triplet	ba6676	`#ba6676`
RGB Decimal	186, 102, 118	`rgb(186,102,118)`
RGB Percent	72.9, 40, 46.3	`rgb(72.9%,40%,46.3%)`
CMYK	0, 45, 37, 27
HSL	348.6°, 37.8, 56.5	`hsl(348.6,37.8%,56.5%)`
HSV (or HSB)	348.6°, 45.2, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.224, 35.385, 6.135
XYZ	28.271, 21.252, 19.752
xyY	0.408, 0.307, 21.252
CIE-LCH	53.224, 35.913, 9.836
CIE-LUV	53.224, 55.69, 1.668
Hunter-Lab	46.1, 28.794, 6.867
Binary	10111010, 01100110, 01110110

#ba6676
```
#ba6676 rgb(186,102,118)
```
#66baaa
```
#66baaa rgb(102,186,170)
```

Complementary Color

#ba66a0
```
#ba66a0 rgb(186,102,160)
```
#ba6676
```
#ba6676 rgb(186,102,118)
```
#ba8066
```
#ba8066 rgb(186,128,102)
```

Analogous Color

#66a0ba
```
#66a0ba rgb(102,160,186)
```
#ba6676
```
#ba6676 rgb(186,102,118)
```
#66ba80
```
#66ba80 rgb(102,186,128)
```

Split Complementary Color

#6676ba
```
#6676ba rgb(102,118,186)
```
#ba6676
```
#ba6676 rgb(186,102,118)
```
#76ba66
```
#76ba66 rgb(118,186,102)
```

Triadic Color

#aa66ba
```
#aa66ba rgb(170,102,186)
```
#ba6676
```
#ba6676 rgb(186,102,118)
```
#76ba66
```
#76ba66 rgb(118,186,102)
```
#66baaa
```
#66baaa rgb(102,186,170)
```

Tetradic Color

#924251
```
#924251 rgb(146,66,81)
```
#a34a5b
```
#a34a5b rgb(163,74,91)
```
#b25466
```
#b25466 rgb(178,84,102)
```
#ba6676
```
#ba6676 rgb(186,102,118)
```
#c27886
```
#c27886 rgb(194,120,134)
```
#ca8995
```
#ca8995 rgb(202,137,149)
```
#d29ba5
```
#d29ba5 rgb(210,155,165)
```

Monochromatic Color

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

#ba668b
```
#ba668b rgb(186,102,139)
```
#ba6684
```
#ba6684 rgb(186,102,132)
```
#ba667d
```
#ba667d rgb(186,102,125)
```
#ba6676
```
#ba6676 rgb(186,102,118)
```
#ba666f
```
#ba666f rgb(186,102,111)
```
#ba6668
```
#ba6668 rgb(186,102,104)
```
#ba6b66
```
#ba6b66 rgb(186,107,102)
```

Similar Colors

Text with hexadecimal color #ba6676

This text has a font color of #ba6676.

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

#ba6676 background color

This paragraph has a background color of #ba6676.

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

#ba6676 border color

This element has a border color of #ba6676.

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

CSS codes

.text {color:#ba6676;}

.background {background-color:#ba6676;}

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

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

#090405
```
#090405 rgb(9,4,5)
```
#170a0d
```
#170a0d rgb(23,10,13)
```
#241014
```
#241014 rgb(36,16,20)
```
#32161c
```
#32161c rgb(50,22,28)
```
#3f1d23
```
#3f1d23 rgb(63,29,35)
```
#4d232b
```
#4d232b rgb(77,35,43)
```
#5a2932
```
#5a2932 rgb(90,41,50)
```
#682f3a
```
#682f3a rgb(104,47,58)
```
#753541
```
#753541 rgb(117,53,65)
```
#833b49
```
#833b49 rgb(131,59,73)
```
#904150
```
#904150 rgb(144,65,80)
```
#9e4758
```
#9e4758 rgb(158,71,88)
```
#ab4d5f
```
#ab4d5f rgb(171,77,95)
```

Shade Color Variation

#b4586a
```
#b4586a rgb(180,88,106)
```
#ba6676
```
#ba6676 rgb(186,102,118)
```
#c07482
```
#c07482 rgb(192,116,130)
```
#c6818e
```
#c6818e rgb(198,129,142)
```
#cc8f9a
```
#cc8f9a rgb(204,143,154)
```
#d29ca6
```
#d29ca6 rgb(210,156,166)
```
#d8aab3
```
#d8aab3 rgb(216,170,179)
```
#dfb7bf
```
#dfb7bf rgb(223,183,191)
```
#e5c5cb
```
#e5c5cb rgb(229,197,203)
```
#ebd2d7
```
#ebd2d7 rgb(235,210,215)
```
#f1e0e3
```
#f1e0e3 rgb(241,224,227)
```
#f7edef
```
#f7edef rgb(247,237,239)
```
#fdfbfb
```
#fdfbfb rgb(253,251,251)
```

Tint Color Variation

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

#98888b
```
#98888b rgb(152,136,139)
```
#a08086
```
#a08086 rgb(160,128,134)
```
#a97781
```
#a97781 rgb(169,119,129)
```
#b16f7b
```
#b16f7b rgb(177,111,123)
```
#ba6676
```
#ba6676 rgb(186,102,118)
```
#c35d71
```
#c35d71 rgb(195,93,113)
```
#cb556b
```
#cb556b rgb(203,85,107)
```
#d44c66
```
#d44c66 rgb(212,76,102)
```
#dc4461
```
#dc4461 rgb(220,68,97)
```
#e53b5c
```
#e53b5c rgb(229,59,92)
```
#ed3356
```
#ed3356 rgb(237,51,86)
```
#f62a51
```
#f62a51 rgb(246,42,81)
```
#fe224c
```
#fe224c rgb(254,34,76)
```

Tone Color Variation

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

Dichromacy

#878588 Protanopia 1% of men
#978178 Deuteranopia 1% of men
#bc6f76 Tritanopia 0.001% of the population

Trichromacy

#997981 Protanomaly 1% of men, 0.01% of women
#a37777 Deuteranomaly 6% of men, 0.4% of women
#bb6b76 Tritanomaly 0.01% of the population

#ba6676 hex color

#ba6676 Color Information

#ba6676 Color Conversion

Color Schemes with #ba6676

Alternatives to #ba6676

#ba6676 Preview

Shades and Tints of #ba6676

Tones of #ba6676

Color Blindness Simulator