#ba162a hex color

In a RGB color space, hex #ba162a is composed of 72.9% red, 8.6% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.2% magenta, 77.4% yellow and 27.1% black. It has a hue angle of 352.7 degrees, a saturation of 78.8% and a lightness of 40.8%. #ba162a color hex could be obtained by blending #ff2c54 with #750000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 73
- G 9
- B 16
RGB color chart
- C 0
- M 88
- Y 77
- K 27
CMYK color chart

● #ba162a color description : Strong red.

The hexadecimal color #ba162a has RGB values of R:186, G:22, B:42 and CMYK values of C:0, M:0.88, Y:0.77, K:0.27. Its decimal value is 12195370.

Hex triplet	ba162a	`#ba162a`
RGB Decimal	186, 22, 42	`rgb(186,22,42)`
RGB Percent	72.9, 8.6, 16.5	`rgb(72.9%,8.6%,16.5%)`
CMYK	0, 88, 77, 27
HSL	352.7°, 78.8, 40.8	`hsl(352.7,78.8%,40.8%)`
HSV (or HSB)	352.7°, 88.2, 72.9
Web Safe	cc0033	`#cc0033`

CIE-LAB	39.887, 61.168, 34.345
XYZ	20.956, 11.183, 3.245
xyY	0.592, 0.316, 11.183
CIE-LCH	39.887, 70.15, 29.314
CIE-LUV	39.887, 116.451, 20.15
Hunter-Lab	33.441, 53.336, 17.654
Binary	10111010, 00010110, 00101010

#ba162a
```
#ba162a rgb(186,22,42)
```
#16baa6
```
#16baa6 rgb(22,186,166)
```

Complementary Color

#ba167c
```
#ba167c rgb(186,22,124)
```
#ba162a
```
#ba162a rgb(186,22,42)
```
#ba5416
```
#ba5416 rgb(186,84,22)
```

Analogous Color

#167cba
```
#167cba rgb(22,124,186)
```
#ba162a
```
#ba162a rgb(186,22,42)
```
#16ba54
```
#16ba54 rgb(22,186,84)
```

Split Complementary Color

#162aba
```
#162aba rgb(22,42,186)
```
#ba162a
```
#ba162a rgb(186,22,42)
```
#2aba16
```
#2aba16 rgb(42,186,22)
```

Triadic Color

#a616ba
```
#a616ba rgb(166,22,186)
```
#ba162a
```
#ba162a rgb(186,22,42)
```
#2aba16
```
#2aba16 rgb(42,186,22)
```
#16baa6
```
#16baa6 rgb(22,186,166)
```

Tetradic Color

#760e1b
```
#760e1b rgb(118,14,27)
```
#8c1120
```
#8c1120 rgb(140,17,32)
```
#a31325
```
#a31325 rgb(163,19,37)
```
#ba162a
```
#ba162a rgb(186,22,42)
```
#d1192f
```
#d1192f rgb(209,25,47)
```
#e41f37
```
#e41f37 rgb(228,31,55)
```
#e7354b
```
#e7354b rgb(231,53,75)
```

Monochromatic Color

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

#ba1653
```
#ba1653 rgb(186,22,83)
```
#ba1645
```
#ba1645 rgb(186,22,69)
```
#ba1638
```
#ba1638 rgb(186,22,56)
```
#ba162a
```
#ba162a rgb(186,22,42)
```
#ba161c
```
#ba161c rgb(186,22,28)
```
#ba1d16
```
#ba1d16 rgb(186,29,22)
```
#ba2b16
```
#ba2b16 rgb(186,43,22)
```

Similar Colors

Text with hexadecimal color #ba162a

This text has a font color of #ba162a.

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

#ba162a background color

This paragraph has a background color of #ba162a.

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

#ba162a border color

This element has a border color of #ba162a.

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

CSS codes

.text {color:#ba162a;}

.background {background-color:#ba162a;}

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

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, #0b0102 is the darkest color, while #fef8f9 is the lightest one.

#0b0102
```
#0b0102 rgb(11,1,2)
```
#1c0306
```
#1c0306 rgb(28,3,6)
```
#2e050a
```
#2e050a rgb(46,5,10)
```
#3f070e
```
#3f070e rgb(63,7,14)
```
#510a12
```
#510a12 rgb(81,10,18)
```
#620c16
```
#620c16 rgb(98,12,22)
```
#740e1a
```
#740e1a rgb(116,14,26)
```
#85101e
```
#85101e rgb(133,16,30)
```
#971222
```
#971222 rgb(151,18,34)
```
#a81426
```
#a81426 rgb(168,20,38)
```
#ba162a
```
#ba162a rgb(186,22,42)
```
#cc182e
```
#cc182e rgb(204,24,46)
```
#dd1a32
```
#dd1a32 rgb(221,26,50)
```

Shade Color Variation

#e5263d
```
#e5263d rgb(229,38,61)
```
#e7374d
```
#e7374d rgb(231,55,77)
```
#e9495c
```
#e9495c rgb(233,73,92)
```
#ec5a6c
```
#ec5a6c rgb(236,90,108)
```
#ee6c7c
```
#ee6c7c rgb(238,108,124)
```
#f07d8b
```
#f07d8b rgb(240,125,139)
```
#f28f9b
```
#f28f9b rgb(242,143,155)
```
#f4a0ab
```
#f4a0ab rgb(244,160,171)
```
#f6b2ba
```
#f6b2ba rgb(246,178,186)
```
#f8c3ca
```
#f8c3ca rgb(248,195,202)
```
#fad5d9
```
#fad5d9 rgb(250,213,217)
```
#fce7e9
```
#fce7e9 rgb(252,231,233)
```
#fef8f9
```
#fef8f9 rgb(254,248,249)
```

Tint Color Variation

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

#6a6666
```
#6a6666 rgb(106,102,102)
```
#725e60
```
#725e60 rgb(114,94,96)
```
#7a565a
```
#7a565a rgb(122,86,90)
```
#824e54
```
#824e54 rgb(130,78,84)
```
#8a464e
```
#8a464e rgb(138,70,78)
```
#923e48
```
#923e48 rgb(146,62,72)
```
#9a3642
```
#9a3642 rgb(154,54,66)
```
#a22e3c
```
#a22e3c rgb(162,46,60)
```
#aa2636
```
#aa2636 rgb(170,38,54)
```
#b21e30
```
#b21e30 rgb(178,30,48)
```
#ba162a
```
#ba162a rgb(186,22,42)
```
#c20e24
```
#c20e24 rgb(194,14,36)
```
#ca061e
```
#ca061e rgb(202,6,30)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#603f43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6647 Protanopia 1% of men
#7e6129 Deuteranopia 1% of men
#bd2524 Tritanopia 0.001% of the population

Trichromacy

#89493c Protanomaly 1% of men, 0.01% of women
#944629 Deuteranomaly 6% of men, 0.4% of women
#bc1f26 Tritanomaly 0.01% of the population

#ba162a hex color

#ba162a Color Information

#ba162a Color Conversion

Color Schemes with #ba162a

Alternatives to #ba162a

#ba162a Preview

Shades and Tints of #ba162a

Tones of #ba162a

Color Blindness Simulator