#ba1623 hex color

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

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

● #ba1623 color description : Strong red.

The hexadecimal color #ba1623 has RGB values of R:186, G:22, B:35 and CMYK values of C:0, M:0.88, Y:0.81, K:0.27. Its decimal value is 12195363.

Hex triplet	ba1623	`#ba1623`
RGB Decimal	186, 22, 35	`rgb(186,22,35)`
RGB Percent	72.9, 8.6, 13.7	`rgb(72.9%,8.6%,13.7%)`
CMYK	0, 88, 81, 27
HSL	355.2°, 78.8, 40.8	`hsl(355.2,78.8%,40.8%)`
HSV (or HSB)	355.2°, 88.2, 72.9
Web Safe	cc0033	`#cc0033`

CIE-LAB	39.81, 60.946, 38.321
XYZ	20.841, 11.137, 2.642
xyY	0.602, 0.322, 11.137
CIE-LCH	39.81, 71.992, 32.16
CIE-LUV	39.81, 117.932, 22.522
Hunter-Lab	33.372, 53.073, 18.666
Binary	10111010, 00010110, 00100011

#ba1623
```
#ba1623 rgb(186,22,35)
```
#16baad
```
#16baad rgb(22,186,173)
```

Complementary Color

#ba1675
```
#ba1675 rgb(186,22,117)
```
#ba1623
```
#ba1623 rgb(186,22,35)
```
#ba5b16
```
#ba5b16 rgb(186,91,22)
```

Analogous Color

#1675ba
```
#1675ba rgb(22,117,186)
```
#ba1623
```
#ba1623 rgb(186,22,35)
```
#16ba5b
```
#16ba5b rgb(22,186,91)
```

Split Complementary Color

#1623ba
```
#1623ba rgb(22,35,186)
```
#ba1623
```
#ba1623 rgb(186,22,35)
```
#23ba16
```
#23ba16 rgb(35,186,22)
```

Triadic Color

#ad16ba
```
#ad16ba rgb(173,22,186)
```
#ba1623
```
#ba1623 rgb(186,22,35)
```
#23ba16
```
#23ba16 rgb(35,186,22)
```
#16baad
```
#16baad rgb(22,186,173)
```

Tetradic Color

#760e16
```
#760e16 rgb(118,14,22)
```
#8c111a
```
#8c111a rgb(140,17,26)
```
#a3131f
```
#a3131f rgb(163,19,31)
```
#ba1623
```
#ba1623 rgb(186,22,35)
```
#d11927
```
#d11927 rgb(209,25,39)
```
#e41f2e
```
#e41f2e rgb(228,31,46)
```
#e73543
```
#e73543 rgb(231,53,67)
```

Monochromatic Color

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

#ba164c
```
#ba164c rgb(186,22,76)
```
#ba163e
```
#ba163e rgb(186,22,62)
```
#ba1631
```
#ba1631 rgb(186,22,49)
```
#ba1623
```
#ba1623 rgb(186,22,35)
```
#ba1716
```
#ba1716 rgb(186,23,22)
```
#ba2416
```
#ba2416 rgb(186,36,22)
```
#ba3216
```
#ba3216 rgb(186,50,22)
```

Similar Colors

Text with hexadecimal color #ba1623

This text has a font color of #ba1623.

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

#ba1623 background color

This paragraph has a background color of #ba1623.

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

#ba1623 border color

This element has a border color of #ba1623.

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

CSS codes

.text {color:#ba1623;}

.background {background-color:#ba1623;}

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

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)
```
#1c0305
```
#1c0305 rgb(28,3,5)
```
#2e0509
```
#2e0509 rgb(46,5,9)
```
#3f070c
```
#3f070c rgb(63,7,12)
```
#510a0f
```
#510a0f rgb(81,10,15)
```
#620c12
```
#620c12 rgb(98,12,18)
```
#740e16
```
#740e16 rgb(116,14,22)
```
#851019
```
#851019 rgb(133,16,25)
```
#97121c
```
#97121c rgb(151,18,28)
```
#a81420
```
#a81420 rgb(168,20,32)
```
#ba1623
```
#ba1623 rgb(186,22,35)
```
#cc1826
```
#cc1826 rgb(204,24,38)
```
#dd1a2a
```
#dd1a2a rgb(221,26,42)
```

Shade Color Variation

#e52635
```
#e52635 rgb(229,38,53)
```
#e73745
```
#e73745 rgb(231,55,69)
```
#e94955
```
#e94955 rgb(233,73,85)
```
#ec5a66
```
#ec5a66 rgb(236,90,102)
```
#ee6c76
```
#ee6c76 rgb(238,108,118)
```
#f07d86
```
#f07d86 rgb(240,125,134)
```
#f28f97
```
#f28f97 rgb(242,143,151)
```
#f4a0a7
```
#f4a0a7 rgb(244,160,167)
```
#f6b2b7
```
#f6b2b7 rgb(246,178,183)
```
#f8c3c8
```
#f8c3c8 rgb(248,195,200)
```
#fad5d8
```
#fad5d8 rgb(250,213,216)
```
#fce7e8
```
#fce7e8 rgb(252,231,232)
```
#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 #ca0616 is the most saturated one.

#6a6666
```
#6a6666 rgb(106,102,102)
```
#725e60
```
#725e60 rgb(114,94,96)
```
#7a5659
```
#7a5659 rgb(122,86,89)
```
#824e52
```
#824e52 rgb(130,78,82)
```
#8a464b
```
#8a464b rgb(138,70,75)
```
#923e45
```
#923e45 rgb(146,62,69)
```
#9a363e
```
#9a363e rgb(154,54,62)
```
#a22e37
```
#a22e37 rgb(162,46,55)
```
#aa2630
```
#aa2630 rgb(170,38,48)
```
#b21e2a
```
#b21e2a rgb(178,30,42)
```
#ba1623
```
#ba1623 rgb(186,22,35)
```
#c20e1c
```
#c20e1c rgb(194,14,28)
```
#ca0616
```
#ca0616 rgb(202,6,22)
```

Tone Color Variation

Below, you can see how #ba1623 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
#603f41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f663f Protanopia 1% of men
#7e6120 Deuteranopia 1% of men
#bd2422 Tritanopia 0.001% of the population

Trichromacy

#8a4935 Protanomaly 1% of men, 0.01% of women
#944521 Deuteranomaly 6% of men, 0.4% of women
#bc1f22 Tritanomaly 0.01% of the population

#ba1623 hex color

#ba1623 Color Information

#ba1623 Color Conversion

Color Schemes with #ba1623

Alternatives to #ba1623

#ba1623 Preview

Shades and Tints of #ba1623

Tones of #ba1623

Color Blindness Simulator