#ba5552 hex color

In a RGB color space, hex #ba5552 is composed of 72.9% red, 33.3% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 55.9% yellow and 27.1% black. It has a hue angle of 1.7 degrees, a saturation of 43% and a lightness of 52.5%. #ba5552 color hex could be obtained by blending #ffaaa4 with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 33
- B 32
RGB color chart
- C 0
- M 54
- Y 56
- K 27
CMYK color chart

● #ba5552 color description : Moderate red.

The hexadecimal color #ba5552 has RGB values of R:186, G:85, B:82 and CMYK values of C:0, M:0.54, Y:0.56, K:0.27. Its decimal value is 12211538.

Hex triplet	ba5552	`#ba5552`
RGB Decimal	186, 85, 82	`rgb(186,85,82)`
RGB Percent	72.9, 33.3, 32.2	`rgb(72.9%,33.3%,32.2%)`
CMYK	0, 54, 56, 27
HSL	1.7°, 43, 52.5	`hsl(1.7,43%,52.5%)`
HSV (or HSB)	1.7°, 55.9, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	48.943, 40.527, 21.58
XYZ	25.022, 17.548, 10.052
xyY	0.476, 0.333, 17.548
CIE-LCH	48.943, 45.915, 28.035
CIE-LUV	48.943, 74.134, 17.614
Hunter-Lab	41.89, 33.316, 15.096
Binary	10111010, 01010101, 01010010

#ba5552
```
#ba5552 rgb(186,85,82)
```
#52b7ba
```
#52b7ba rgb(82,183,186)
```

Complementary Color

#ba5283
```
#ba5283 rgb(186,82,131)
```
#ba5552
```
#ba5552 rgb(186,85,82)
```
#ba8952
```
#ba8952 rgb(186,137,82)
```

Analogous Color

#5283ba
```
#5283ba rgb(82,131,186)
```
#ba5552
```
#ba5552 rgb(186,85,82)
```
#52ba89
```
#52ba89 rgb(82,186,137)
```

Split Complementary Color

#5552ba
```
#5552ba rgb(85,82,186)
```
#ba5552
```
#ba5552 rgb(186,85,82)
```
#52ba55
```
#52ba55 rgb(82,186,85)
```

Triadic Color

#ba52b7
```
#ba52b7 rgb(186,82,183)
```
#ba5552
```
#ba5552 rgb(186,85,82)
```
#52ba55
```
#52ba55 rgb(82,186,85)
```
#52b7ba
```
#52b7ba rgb(82,183,186)
```

Tetradic Color

#893937
```
#893937 rgb(137,57,55)
```
#9b413e
```
#9b413e rgb(155,65,62)
```
#ad4845
```
#ad4845 rgb(173,72,69)
```
#ba5552
```
#ba5552 rgb(186,85,82)
```
#c16764
```
#c16764 rgb(193,103,100)
```
#c97976
```
#c97976 rgb(201,121,118)
```
#d08b89
```
#d08b89 rgb(208,139,137)
```

Monochromatic Color

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

#ba5269
```
#ba5269 rgb(186,82,105)
```
#ba5260
```
#ba5260 rgb(186,82,96)
```
#ba5258
```
#ba5258 rgb(186,82,88)
```
#ba5552
```
#ba5552 rgb(186,85,82)
```
#ba5e52
```
#ba5e52 rgb(186,94,82)
```
#ba6652
```
#ba6652 rgb(186,102,82)
```
#ba6f52
```
#ba6f52 rgb(186,111,82)
```

Similar Colors

Text with hexadecimal color #ba5552

This text has a font color of #ba5552.

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

#ba5552 background color

This paragraph has a background color of #ba5552.

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

#ba5552 border color

This element has a border color of #ba5552.

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

CSS codes

.text {color:#ba5552;}

.background {background-color:#ba5552;}

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

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

#090404
```
#090404 rgb(9,4,4)
```
#170a09
```
#170a09 rgb(23,10,9)
```
#25100f
```
#25100f rgb(37,16,15)
```
#331514
```
#331514 rgb(51,21,20)
```
#411b1a
```
#411b1a rgb(65,27,26)
```
#4f2120
```
#4f2120 rgb(79,33,32)
```
#5d2725
```
#5d2725 rgb(93,39,37)
```
#6b2d2b
```
#6b2d2b rgb(107,45,43)
```
#793330
```
#793330 rgb(121,51,48)
```
#873836
```
#873836 rgb(135,56,54)
```
#963e3c
```
#963e3c rgb(150,62,60)
```
#a44441
```
#a44441 rgb(164,68,65)
```
#b24a47
```
#b24a47 rgb(178,74,71)
```

Shade Color Variation

#ba5552
```
#ba5552 rgb(186,85,82)
```
#c06360
```
#c06360 rgb(192,99,96)
```
#c5716e
```
#c5716e rgb(197,113,110)
```
#cb7e7c
```
#cb7e7c rgb(203,126,124)
```
#d08c8a
```
#d08c8a rgb(208,140,138)
```
#d69a98
```
#d69a98 rgb(214,154,152)
```
#dca8a6
```
#dca8a6 rgb(220,168,166)
```
#e1b5b4
```
#e1b5b4 rgb(225,181,180)
```
#e7c3c2
```
#e7c3c2 rgb(231,195,194)
```
#ecd1d0
```
#ecd1d0 rgb(236,209,208)
```
#f2dfde
```
#f2dfde rgb(242,223,222)
```
#f8edec
```
#f8edec rgb(248,237,236)
```
#fdfafa
```
#fdfafa rgb(253,250,250)
```

Tint Color Variation

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

#8b8181
```
#8b8181 rgb(139,129,129)
```
#957877
```
#957877 rgb(149,120,119)
```
#9e6f6e
```
#9e6f6e rgb(158,111,110)
```
#a76765
```
#a76765 rgb(167,103,101)
```
#b15e5b
```
#b15e5b rgb(177,94,91)
```
#ba5552
```
#ba5552 rgb(186,85,82)
```
#c34c49
```
#c34c49 rgb(195,76,73)
```
#cd433f
```
#cd433f rgb(205,67,63)
```
#d63b36
```
#d63b36 rgb(214,59,54)
```
#df322d
```
#df322d rgb(223,50,45)
```
#e92923
```
#e92923 rgb(233,41,35)
```
#f2201a
```
#f2201a rgb(242,32,26)
```
#fb1811
```
#fb1811 rgb(251,24,17)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#816d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#827b66 Protanopia 1% of men
#927655 Deuteranopia 1% of men
#be5c62 Tritanopia 0.001% of the population

Trichromacy

#966d5f Protanomaly 1% of men, 0.01% of women
#a16a53 Deuteranomaly 6% of men, 0.4% of women
#bc595c Tritanomaly 0.01% of the population

#ba5552 hex color

#ba5552 Color Information

#ba5552 Color Conversion

Color Schemes with #ba5552

Alternatives to #ba5552

#ba5552 Preview

Shades and Tints of #ba5552

Tones of #ba5552

Color Blindness Simulator