colorhexa.com

#ba3444 hex color

In a RGB color space, hex #ba3444 is composed of 72.9% red, 20.4% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72% magenta, 63.4% yellow and 27.1% black. It has a hue angle of 352.8 degrees, a saturation of 56.3% and a lightness of 46.7%. #ba3444 color hex could be obtained by blending #ff6888 with #750000. Closest websafe color is: #cc3333.

- R 73
- G 20
- B 27
RGB color chart
- C 0
- M 72
- Y 63
- K 27
CMYK color chart

● #ba3444 color description : Moderate red.

The hexadecimal color #ba3444 has RGB values of R:186, G:52, B:68 and CMYK values of C:0, M:0.72, Y:0.63, K:0.27. Its decimal value is 12203076.

Hex triplet	ba3444	`#ba3444`
RGB Decimal	186, 52, 68	`rgb(186,52,68)`
RGB Percent	72.9, 20.4, 26.7	`rgb(72.9%,20.4%,26.7%)`
CMYK	0, 72, 63, 27
HSL	352.8°, 56.3, 46.7	`hsl(352.8,56.3%,46.7%)`
HSV (or HSB)	352.8°, 72, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.234, 54.085, 22.574
XYZ	22.522, 13.315, 6.853
xyY	0.528, 0.312, 13.315
CIE-LCH	43.234, 58.607, 22.654
CIE-LUV	43.234, 97.341, 14.168
Hunter-Lab	36.49, 46.316, 14.408
Binary	10111010, 00110100, 01000100

#ba3444
```
#ba3444 rgb(186,52,68)
```
#34baaa
```
#34baaa rgb(52,186,170)
```

Complementary Color

#ba3487
```
#ba3487 rgb(186,52,135)
```
#ba3444
```
#ba3444 rgb(186,52,68)
```
#ba6734
```
#ba6734 rgb(186,103,52)
```

Analogous Color

#3487ba
```
#3487ba rgb(52,135,186)
```
#ba3444
```
#ba3444 rgb(186,52,68)
```
#34ba67
```
#34ba67 rgb(52,186,103)
```

Split Complementary Color

#3444ba
```
#3444ba rgb(52,68,186)
```
#ba3444
```
#ba3444 rgb(186,52,68)
```
#44ba34
```
#44ba34 rgb(68,186,52)
```

Triadic Color

#aa34ba
```
#aa34ba rgb(170,52,186)
```
#ba3444
```
#ba3444 rgb(186,52,68)
```
#44ba34
```
#44ba34 rgb(68,186,52)
```
#34baaa
```
#34baaa rgb(52,186,170)
```

Tetradic Color

#7e232e
```
#7e232e rgb(126,35,46)
```
#922935
```
#922935 rgb(146,41,53)
```
#a62e3d
```
#a62e3d rgb(166,46,61)
```
#ba3444
```
#ba3444 rgb(186,52,68)
```
#c93e4f
```
#c93e4f rgb(201,62,79)
```
#cf5261
```
#cf5261 rgb(207,82,97)
```
#d46673
```
#d46673 rgb(212,102,115)
```

Monochromatic Color

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

#ba3466
```
#ba3466 rgb(186,52,102)
```
#ba345a
```
#ba345a rgb(186,52,90)
```
#ba344f
```
#ba344f rgb(186,52,79)
```
#ba3444
```
#ba3444 rgb(186,52,68)
```
#ba3439
```
#ba3439 rgb(186,52,57)
```
#ba3a34
```
#ba3a34 rgb(186,58,52)
```
#ba4634
```
#ba4634 rgb(186,70,52)
```

Similar Colors

Text with hexadecimal color #ba3444

This text has a font color of #ba3444.

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

#ba3444 background color

This paragraph has a background color of #ba3444.

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

#ba3444 border color

This element has a border color of #ba3444.

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

CSS codes

.text {color:#ba3444;}

.background {background-color:#ba3444;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110506
```
#110506 rgb(17,5,6)
```
#21090c
```
#21090c rgb(33,9,12)
```
#300d12
```
#300d12 rgb(48,13,18)
```
#3f1217
```
#3f1217 rgb(63,18,23)
```
#4f161d
```
#4f161d rgb(79,22,29)
```
#5e1a22
```
#5e1a22 rgb(94,26,34)
```
#6d1f28
```
#6d1f28 rgb(109,31,40)
```
#7d232e
```
#7d232e rgb(125,35,46)
```
#8c2733
```
#8c2733 rgb(140,39,51)
```
#9b2b39
```
#9b2b39 rgb(155,43,57)
```
#ab303e
```
#ab303e rgb(171,48,62)
```
#ba3444
```
#ba3444 rgb(186,52,68)
```

Shade Color Variation

#c83a4b
```
#c83a4b rgb(200,58,75)
```
#cc4959
```
#cc4959 rgb(204,73,89)
```
#d05867
```
#d05867 rgb(208,88,103)
```
#d56875
```
#d56875 rgb(213,104,117)
```
#d97783
```
#d97783 rgb(217,119,131)
```
#dd8691
```
#dd8691 rgb(221,134,145)
```
#e2969f
```
#e2969f rgb(226,150,159)
```
#e6a5ad
```
#e6a5ad rgb(230,165,173)
```
#eab4bb
```
#eab4bb rgb(234,180,187)
```
#eec4c9
```
#eec4c9 rgb(238,196,201)
```
#f3d3d7
```
#f3d3d7 rgb(243,211,215)
```
#f7e2e5
```
#f7e2e5 rgb(247,226,229)
```
#fbf2f3
```
#fbf2f3 rgb(251,242,243)
```

Tint Color Variation

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

#7a7475
```
#7a7475 rgb(122,116,117)
```
#836b6e
```
#836b6e rgb(131,107,110)
```
#8c6267
```
#8c6267 rgb(140,98,103)
```
#955960
```
#955960 rgb(149,89,96)
```
#9f4f59
```
#9f4f59 rgb(159,79,89)
```
#a84652
```
#a84652 rgb(168,70,82)
```
#b13d4b
```
#b13d4b rgb(177,61,75)
```
#ba3444
```
#ba3444 rgb(186,52,68)
```
#c32b3d
```
#c32b3d rgb(195,43,61)
```
#cc2236
```
#cc2236 rgb(204,34,54)
```
#d5192f
```
#d5192f rgb(213,25,47)
```
#df0f28
```
#df0f28 rgb(223,15,40)
```
#e80621
```
#e80621 rgb(232,6,33)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#705659 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736d5f Protanopia 1% of men
#846945 Deuteranopia 1% of men
#bd4043 Tritanopia 0.001% of the population

Trichromacy

#8d5855 Protanomaly 1% of men, 0.01% of women
#975644 Deuteranomaly 6% of men, 0.4% of women
#bb3b43 Tritanomaly 0.01% of the population