#ba343d hex color

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

♥
- f
- t
- g
- R 73
- G 20
- B 24
RGB color chart
- C 0
- M 72
- Y 67
- K 27
CMYK color chart

● #ba343d color description : Moderate red.

The hexadecimal color #ba343d has RGB values of R:186, G:52, B:61 and CMYK values of C:0, M:0.72, Y:0.67, K:0.27. Its decimal value is 12203069.

Hex triplet	ba343d	`#ba343d`
RGB Decimal	186, 52, 61	`rgb(186,52,61)`
RGB Percent	72.9, 20.4, 23.9	`rgb(72.9%,20.4%,23.9%)`
CMYK	0, 72, 67, 27
HSL	356°, 56.3, 46.7	`hsl(356,56.3%,46.7%)`
HSV (or HSB)	356°, 72, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.115, 53.677, 26.696
XYZ	22.321, 13.235, 5.794
xyY	0.54, 0.32, 13.235
CIE-LCH	43.115, 59.949, 26.444
CIE-LUV	43.115, 99.181, 17.749
Hunter-Lab	36.379, 45.857, 16.023
Binary	10111010, 00110100, 00111101

#ba343d
```
#ba343d rgb(186,52,61)
```
#34bab1
```
#34bab1 rgb(52,186,177)
```

Complementary Color

#ba3480
```
#ba3480 rgb(186,52,128)
```
#ba343d
```
#ba343d rgb(186,52,61)
```
#ba6e34
```
#ba6e34 rgb(186,110,52)
```

Analogous Color

#3480ba
```
#3480ba rgb(52,128,186)
```
#ba343d
```
#ba343d rgb(186,52,61)
```
#34ba6e
```
#34ba6e rgb(52,186,110)
```

Split Complementary Color

#343dba
```
#343dba rgb(52,61,186)
```
#ba343d
```
#ba343d rgb(186,52,61)
```
#3dba34
```
#3dba34 rgb(61,186,52)
```

Triadic Color

#b134ba
```
#b134ba rgb(177,52,186)
```
#ba343d
```
#ba343d rgb(186,52,61)
```
#3dba34
```
#3dba34 rgb(61,186,52)
```
#34bab1
```
#34bab1 rgb(52,186,177)
```

Tetradic Color

#7e2329
```
#7e2329 rgb(126,35,41)
```
#922930
```
#922930 rgb(146,41,48)
```
#a62e36
```
#a62e36 rgb(166,46,54)
```
#ba343d
```
#ba343d rgb(186,52,61)
```
#c93e48
```
#c93e48 rgb(201,62,72)
```
#cf525b
```
#cf525b rgb(207,82,91)
```
#d4666e
```
#d4666e rgb(212,102,110)
```

Monochromatic Color

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

#ba345f
```
#ba345f rgb(186,52,95)
```
#ba3453
```
#ba3453 rgb(186,52,83)
```
#ba3448
```
#ba3448 rgb(186,52,72)
```
#ba343d
```
#ba343d rgb(186,52,61)
```
#ba3634
```
#ba3634 rgb(186,54,52)
```
#ba4134
```
#ba4134 rgb(186,65,52)
```
#ba4d34
```
#ba4d34 rgb(186,77,52)
```

Similar Colors

Text with hexadecimal color #ba343d

This text has a font color of #ba343d.

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

#ba343d background color

This paragraph has a background color of #ba343d.

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

#ba343d border color

This element has a border color of #ba343d.

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

CSS codes

.text {color:#ba343d;}

.background {background-color:#ba343d;}

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

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 #fbf2f2 is the lightest one.

#020101
```
#020101 rgb(2,1,1)
```
#110506
```
#110506 rgb(17,5,6)
```
#21090b
```
#21090b rgb(33,9,11)
```
#300d10
```
#300d10 rgb(48,13,16)
```
#3f1215
```
#3f1215 rgb(63,18,21)
```
#4f161a
```
#4f161a rgb(79,22,26)
```
#5e1a1f
```
#5e1a1f rgb(94,26,31)
```
#6d1f24
```
#6d1f24 rgb(109,31,36)
```
#7d2329
```
#7d2329 rgb(125,35,41)
```
#8c272e
```
#8c272e rgb(140,39,46)
```
#9b2b33
```
#9b2b33 rgb(155,43,51)
```
#ab3038
```
#ab3038 rgb(171,48,56)
```
#ba343d
```
#ba343d rgb(186,52,61)
```

Shade Color Variation

#c83a43
```
#c83a43 rgb(200,58,67)
```
#cc4952
```
#cc4952 rgb(204,73,82)
```
#d05860
```
#d05860 rgb(208,88,96)
```
#d5686f
```
#d5686f rgb(213,104,111)
```
#d9777e
```
#d9777e rgb(217,119,126)
```
#dd868c
```
#dd868c rgb(221,134,140)
```
#e2969b
```
#e2969b rgb(226,150,155)
```
#e6a5a9
```
#e6a5a9 rgb(230,165,169)
```
#eab4b8
```
#eab4b8 rgb(234,180,184)
```
#eec4c7
```
#eec4c7 rgb(238,196,199)
```
#f3d3d5
```
#f3d3d5 rgb(243,211,213)
```
#f7e2e4
```
#f7e2e4 rgb(247,226,228)
```
#fbf2f2
```
#fbf2f2 rgb(251,242,242)
```

Tint Color Variation

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

#7a7474
```
#7a7474 rgb(122,116,116)
```
#836b6d
```
#836b6d rgb(131,107,109)
```
#8c6265
```
#8c6265 rgb(140,98,101)
```
#95595d
```
#95595d rgb(149,89,93)
```
#9f4f55
```
#9f4f55 rgb(159,79,85)
```
#a8464d
```
#a8464d rgb(168,70,77)
```
#b13d45
```
#b13d45 rgb(177,61,69)
```
#ba343d
```
#ba343d rgb(186,52,61)
```
#c32b35
```
#c32b35 rgb(195,43,53)
```
#cc222d
```
#cc222d rgb(204,34,45)
```
#d51925
```
#d51925 rgb(213,25,37)
```
#df0f1d
```
#df0f1d rgb(223,15,29)
```
#e80615
```
#e80615 rgb(232,6,21)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#705557 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746d57 Protanopia 1% of men
#85693e Deuteranopia 1% of men
#bd3f42 Tritanopia 0.001% of the population

Trichromacy

#8d584e Protanomaly 1% of men, 0.01% of women
#98553d Deuteranomaly 6% of men, 0.4% of women
#bc3b40 Tritanomaly 0.01% of the population

#ba343d hex color

#ba343d Color Information

#ba343d Color Conversion

Color Schemes with #ba343d

Alternatives to #ba343d

#ba343d Preview

Shades and Tints of #ba343d

Tones of #ba343d

Color Blindness Simulator