#ba5350 hex color

In a RGB color space, hex #ba5350 is composed of 72.9% red, 32.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 57% yellow and 27.1% black. It has a hue angle of 1.7 degrees, a saturation of 43.4% and a lightness of 52.2%. #ba5350 color hex could be obtained by blending #ffa6a0 with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 33
- B 31
RGB color chart
- C 0
- M 55
- Y 57
- K 27
CMYK color chart

● #ba5350 color description : Moderate red.

The hexadecimal color #ba5350 has RGB values of R:186, G:83, B:80 and CMYK values of C:0, M:0.55, Y:0.57, K:0.27. Its decimal value is 12211024.

Hex triplet	ba5350	`#ba5350`
RGB Decimal	186, 83, 80	`rgb(186,83,80)`
RGB Percent	72.9, 32.5, 31.4	`rgb(72.9%,32.5%,31.4%)`
CMYK	0, 55, 57, 27
HSL	1.7°, 43.4, 52.2	`hsl(1.7,43.4%,52.2%)`
HSV (or HSB)	1.7°, 57, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	48.52, 41.364, 22.211
XYZ	24.792, 17.207, 9.605
xyY	0.48, 0.333, 17.207
CIE-LCH	48.52, 46.95, 28.234
CIE-LUV	48.52, 75.877, 17.964
Hunter-Lab	41.481, 34.089, 15.309
Binary	10111010, 01010011, 01010000

#ba5350
```
#ba5350 rgb(186,83,80)
```
#50b7ba
```
#50b7ba rgb(80,183,186)
```

Complementary Color

#ba5082
```
#ba5082 rgb(186,80,130)
```
#ba5350
```
#ba5350 rgb(186,83,80)
```
#ba8850
```
#ba8850 rgb(186,136,80)
```

Analogous Color

#5082ba
```
#5082ba rgb(80,130,186)
```
#ba5350
```
#ba5350 rgb(186,83,80)
```
#50ba88
```
#50ba88 rgb(80,186,136)
```

Split Complementary Color

#5350ba
```
#5350ba rgb(83,80,186)
```
#ba5350
```
#ba5350 rgb(186,83,80)
```
#50ba53
```
#50ba53 rgb(80,186,83)
```

Triadic Color

#ba50b7
```
#ba50b7 rgb(186,80,183)
```
#ba5350
```
#ba5350 rgb(186,83,80)
```
#50ba53
```
#50ba53 rgb(80,186,83)
```
#50b7ba
```
#50b7ba rgb(80,183,186)
```

Tetradic Color

#883836
```
#883836 rgb(136,56,54)
```
#9a3f3d
```
#9a3f3d rgb(154,63,61)
```
#ac4744
```
#ac4744 rgb(172,71,68)
```
#ba5350
```
#ba5350 rgb(186,83,80)
```
#c16562
```
#c16562 rgb(193,101,98)
```
#c87775
```
#c87775 rgb(200,119,117)
```
#d08987
```
#d08987 rgb(208,137,135)
```

Monochromatic Color

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

#ba5068
```
#ba5068 rgb(186,80,104)
```
#ba505f
```
#ba505f rgb(186,80,95)
```
#ba5056
```
#ba5056 rgb(186,80,86)
```
#ba5350
```
#ba5350 rgb(186,83,80)
```
#ba5c50
```
#ba5c50 rgb(186,92,80)
```
#ba6550
```
#ba6550 rgb(186,101,80)
```
#ba6e50
```
#ba6e50 rgb(186,110,80)
```

Similar Colors

Text with hexadecimal color #ba5350

This text has a font color of #ba5350.

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

#ba5350 background color

This paragraph has a background color of #ba5350.

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

#ba5350 border color

This element has a border color of #ba5350.

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

CSS codes

.text {color:#ba5350;}

.background {background-color:#ba5350;}

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

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

#080303
```
#080303 rgb(8,3,3)
```
#160909
```
#160909 rgb(22,9,9)
```
#240f0e
```
#240f0e rgb(36,15,14)
```
#321514
```
#321514 rgb(50,21,20)
```
#401a19
```
#401a19 rgb(64,26,25)
```
#4e201f
```
#4e201f rgb(78,32,31)
```
#5c2624
```
#5c2624 rgb(92,38,36)
```
#6a2c2a
```
#6a2c2a rgb(106,44,42)
```
#78322f
```
#78322f rgb(120,50,47)
```
#873735
```
#873735 rgb(135,55,53)
```
#953d3b
```
#953d3b rgb(149,61,59)
```
#a34340
```
#a34340 rgb(163,67,64)
```
#b14946
```
#b14946 rgb(177,73,70)
```

Shade Color Variation

#ba5350
```
#ba5350 rgb(186,83,80)
```
#c0615e
```
#c0615e rgb(192,97,94)
```
#c56f6c
```
#c56f6c rgb(197,111,108)
```
#cb7c7a
```
#cb7c7a rgb(203,124,122)
```
#d08a88
```
#d08a88 rgb(208,138,136)
```
#d69896
```
#d69896 rgb(214,152,150)
```
#dba6a4
```
#dba6a4 rgb(219,166,164)
```
#e1b4b2
```
#e1b4b2 rgb(225,180,178)
```
#e6c2c1
```
#e6c2c1 rgb(230,194,193)
```
#eccfcf
```
#eccfcf rgb(236,207,207)
```
#f1dddd
```
#f1dddd rgb(241,221,221)
```
#f7ebeb
```
#f7ebeb rgb(247,235,235)
```
#fdf9f9
```
#fdf9f9 rgb(253,249,249)
```

Tint Color Variation

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

#8b7f7f
```
#8b7f7f rgb(139,127,127)
```
#947676
```
#947676 rgb(148,118,118)
```
#9e6e6c
```
#9e6e6c rgb(158,110,108)
```
#a76563
```
#a76563 rgb(167,101,99)
```
#b15c59
```
#b15c59 rgb(177,92,89)
```
#ba5350
```
#ba5350 rgb(186,83,80)
```
#c34a47
```
#c34a47 rgb(195,74,71)
```
#cd413d
```
#cd413d rgb(205,65,61)
```
#d63834
```
#d63834 rgb(214,56,52)
```
#e0302a
```
#e0302a rgb(224,48,42)
```
#e92721
```
#e92721 rgb(233,39,33)
```
#f21e18
```
#f21e18 rgb(242,30,24)
```
#fc150e
```
#fc150e rgb(252,21,14)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#806b6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#817a65 Protanopia 1% of men
#927553 Deuteranopia 1% of men
#be5a60 Tritanopia 0.001% of the population

Trichromacy

#966b5d Protanomaly 1% of men, 0.01% of women
#a06851 Deuteranomaly 6% of men, 0.4% of women
#bc575a Tritanomaly 0.01% of the population

#ba5350 hex color

#ba5350 Color Information

#ba5350 Color Conversion

Color Schemes with #ba5350

Alternatives to #ba5350

#ba5350 Preview

Shades and Tints of #ba5350

Tones of #ba5350

Color Blindness Simulator