#ba354c hex color

In a RGB color space, hex #ba354c is composed of 72.9% red, 20.8% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.5% magenta, 59.1% yellow and 27.1% black. It has a hue angle of 349.6 degrees, a saturation of 55.6% and a lightness of 46.9%. #ba354c color hex could be obtained by blending #ff6a98 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 21
- B 30
RGB color chart
- C 0
- M 72
- Y 59
- K 27
CMYK color chart

● #ba354c color description : Moderate red.

The hexadecimal color #ba354c has RGB values of R:186, G:53, B:76 and CMYK values of C:0, M:0.72, Y:0.59, K:0.27. Its decimal value is 12203340.

Hex triplet	ba354c	`#ba354c`
RGB Decimal	186, 53, 76	`rgb(186,53,76)`
RGB Percent	72.9, 20.8, 29.8	`rgb(72.9%,20.8%,29.8%)`
CMYK	0, 72, 59, 27
HSL	349.6°, 55.6, 46.9	`hsl(349.6,55.6%,46.9%)`
HSV (or HSB)	349.6°, 71.5, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.521, 54.243, 18.017
XYZ	22.828, 13.51, 8.243
xyY	0.512, 0.303, 13.51
CIE-LCH	43.521, 57.157, 18.375
CIE-LUV	43.521, 94.552, 9.969
Hunter-Lab	36.755, 46.541, 12.433
Binary	10111010, 00110101, 01001100

#ba354c
```
#ba354c rgb(186,53,76)
```
#35baa3
```
#35baa3 rgb(53,186,163)
```

Complementary Color

#ba358f
```
#ba358f rgb(186,53,143)
```
#ba354c
```
#ba354c rgb(186,53,76)
```
#ba6135
```
#ba6135 rgb(186,97,53)
```

Analogous Color

#358fba
```
#358fba rgb(53,143,186)
```
#ba354c
```
#ba354c rgb(186,53,76)
```
#35ba61
```
#35ba61 rgb(53,186,97)
```

Split Complementary Color

#354cba
```
#354cba rgb(53,76,186)
```
#ba354c
```
#ba354c rgb(186,53,76)
```
#4cba35
```
#4cba35 rgb(76,186,53)
```

Triadic Color

#a335ba
```
#a335ba rgb(163,53,186)
```
#ba354c
```
#ba354c rgb(186,53,76)
```
#4cba35
```
#4cba35 rgb(76,186,53)
```
#35baa3
```
#35baa3 rgb(53,186,163)
```

Tetradic Color

#7e2434
```
#7e2434 rgb(126,36,52)
```
#922a3c
```
#922a3c rgb(146,42,60)
```
#a62f44
```
#a62f44 rgb(166,47,68)
```
#ba354c
```
#ba354c rgb(186,53,76)
```
#c94058
```
#c94058 rgb(201,64,88)
```
#ce5469
```
#ce5469 rgb(206,84,105)
```
#d4687a
```
#d4687a rgb(212,104,122)
```

Monochromatic Color

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

#ba356d
```
#ba356d rgb(186,53,109)
```
#ba3562
```
#ba3562 rgb(186,53,98)
```
#ba3557
```
#ba3557 rgb(186,53,87)
```
#ba354c
```
#ba354c rgb(186,53,76)
```
#ba3541
```
#ba3541 rgb(186,53,65)
```
#ba3536
```
#ba3536 rgb(186,53,54)
```
#ba3f35
```
#ba3f35 rgb(186,63,53)
```

Similar Colors

Text with hexadecimal color #ba354c

This text has a font color of #ba354c.

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

#ba354c background color

This paragraph has a background color of #ba354c.

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

#ba354c border color

This element has a border color of #ba354c.

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

CSS codes

.text {color:#ba354c;}

.background {background-color:#ba354c;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120507
```
#120507 rgb(18,5,7)
```
#210a0e
```
#210a0e rgb(33,10,14)
```
#310e14
```
#310e14 rgb(49,14,20)
```
#40121a
```
#40121a rgb(64,18,26)
```
#4f1720
```
#4f1720 rgb(79,23,32)
```
#5e1b27
```
#5e1b27 rgb(94,27,39)
```
#6e1f2d
```
#6e1f2d rgb(110,31,45)
```
#7d2433
```
#7d2433 rgb(125,36,51)
```
#8c2839
```
#8c2839 rgb(140,40,57)
```
#9b2c40
```
#9b2c40 rgb(155,44,64)
```
#ab3146
```
#ab3146 rgb(171,49,70)
```
#ba354c
```
#ba354c rgb(186,53,76)
```

Shade Color Variation

#c73b54
```
#c73b54 rgb(199,59,84)
```
#cc4b61
```
#cc4b61 rgb(204,75,97)
```
#d05a6e
```
#d05a6e rgb(208,90,110)
```
#d4697c
```
#d4697c rgb(212,105,124)
```
#d97889
```
#d97889 rgb(217,120,137)
```
#dd8896
```
#dd8896 rgb(221,136,150)
```
#e197a4
```
#e197a4 rgb(225,151,164)
```
#e6a6b1
```
#e6a6b1 rgb(230,166,177)
```
#eab5bf
```
#eab5bf rgb(234,181,191)
```
#eec5cc
```
#eec5cc rgb(238,197,204)
```
#f3d4d9
```
#f3d4d9 rgb(243,212,217)
```
#f7e3e7
```
#f7e3e7 rgb(247,227,231)
```
#fbf3f4
```
#fbf3f4 rgb(251,243,244)
```

Tint Color Variation

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

#7a7576
```
#7a7576 rgb(122,117,118)
```
#836c70
```
#836c70 rgb(131,108,112)
```
#8c636a
```
#8c636a rgb(140,99,106)
```
#955a64
```
#955a64 rgb(149,90,100)
```
#9e515e
```
#9e515e rgb(158,81,94)
```
#a84758
```
#a84758 rgb(168,71,88)
```
#b13e52
```
#b13e52 rgb(177,62,82)
```
#ba354c
```
#ba354c rgb(186,53,76)
```
#c32c46
```
#c32c46 rgb(195,44,70)
```
#cc2340
```
#cc2340 rgb(204,35,64)
```
#d6193a
```
#d6193a rgb(214,25,58)
```
#df1034
```
#df1034 rgb(223,16,52)
```
#e8072e
```
#e8072e rgb(232,7,46)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#71575b Atypical Achromatopsia 0.001% of the population

Dichromacy

#726e68 Protanopia 1% of men
#836a4c Deuteranopia 1% of men
#bc4245 Tritanopia 0.001% of the population

Trichromacy

#8c595e Protanomaly 1% of men, 0.01% of women
#97564c Deuteranomaly 6% of men, 0.4% of women
#bb3d48 Tritanomaly 0.01% of the population

#ba354c hex color

#ba354c Color Information

#ba354c Color Conversion

Color Schemes with #ba354c

Alternatives to #ba354c

#ba354c Preview

Shades and Tints of #ba354c

Tones of #ba354c

Color Blindness Simulator