#ba1817 hex color

In a RGB color space, hex #ba1817 is composed of 72.9% red, 9.4% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.1% magenta, 87.6% yellow and 27.1% black. It has a hue angle of 0.4 degrees, a saturation of 78% and a lightness of 41%. #ba1817 color hex could be obtained by blending #ff302e with #750000. Closest websafe color is: #cc0000.

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

● #ba1817 color description : Strong red.

The hexadecimal color #ba1817 has RGB values of R:186, G:24, B:23 and CMYK values of C:0, M:0.87, Y:0.88, K:0.27. Its decimal value is 12195863.

Hex triplet	ba1817	`#ba1817`
RGB Decimal	186, 24, 23	`rgb(186,24,23)`
RGB Percent	72.9, 9.4, 9	`rgb(72.9%,9.4%,9%)`
CMYK	0, 87, 88, 27
HSL	0.4°, 78, 41	`hsl(0.4,78%,41%)`
HSV (or HSB)	0.4°, 87.6, 72.9
Web Safe	cc0000	`#cc0000`

CIE-LAB	39.844, 60.276, 44.658
XYZ	20.732, 11.157, 1.872
xyY	0.614, 0.33, 11.157
CIE-LCH	39.844, 75.017, 36.535
CIE-LUV	39.844, 119.278, 25.922
Hunter-Lab	33.402, 52.339, 20.058
Binary	10111010, 00011000, 00010111

#ba1817
```
#ba1817 rgb(186,24,23)
```
#17b9ba
```
#17b9ba rgb(23,185,186)
```

Complementary Color

#ba1768
```
#ba1768 rgb(186,23,104)
```
#ba1817
```
#ba1817 rgb(186,24,23)
```
#ba6a17
```
#ba6a17 rgb(186,106,23)
```

Analogous Color

#1768ba
```
#1768ba rgb(23,104,186)
```
#ba1817
```
#ba1817 rgb(186,24,23)
```
#17ba6a
```
#17ba6a rgb(23,186,106)
```

Split Complementary Color

#1817ba
```
#1817ba rgb(24,23,186)
```
#ba1817
```
#ba1817 rgb(186,24,23)
```
#17ba18
```
#17ba18 rgb(23,186,24)
```

Triadic Color

#ba17b9
```
#ba17b9 rgb(186,23,185)
```
#ba1817
```
#ba1817 rgb(186,24,23)
```
#17ba18
```
#17ba18 rgb(23,186,24)
```
#17b9ba
```
#17b9ba rgb(23,185,186)
```

Tetradic Color

#760f0f
```
#760f0f rgb(118,15,15)
```
#8d1211
```
#8d1211 rgb(141,18,17)
```
#a31514
```
#a31514 rgb(163,21,20)
```
#ba1817
```
#ba1817 rgb(186,24,23)
```
#d11b1a
```
#d11b1a rgb(209,27,26)
```
#e32221
```
#e32221 rgb(227,34,33)
```
#e63837
```
#e63837 rgb(230,56,55)
```

Monochromatic Color

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

#ba173f
```
#ba173f rgb(186,23,63)
```
#ba1731
```
#ba1731 rgb(186,23,49)
```
#ba1724
```
#ba1724 rgb(186,23,36)
```
#ba1817
```
#ba1817 rgb(186,24,23)
```
#ba2617
```
#ba2617 rgb(186,38,23)
```
#ba3317
```
#ba3317 rgb(186,51,23)
```
#ba4117
```
#ba4117 rgb(186,65,23)
```

Similar Colors

Text with hexadecimal color #ba1817

This text has a font color of #ba1817.

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

#ba1817 background color

This paragraph has a background color of #ba1817.

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

#ba1817 border color

This element has a border color of #ba1817.

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

CSS codes

.text {color:#ba1817;}

.background {background-color:#ba1817;}

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

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

#0b0101
```
#0b0101 rgb(11,1,1)
```
#1d0404
```
#1d0404 rgb(29,4,4)
```
#2e0606
```
#2e0606 rgb(46,6,6)
```
#400808
```
#400808 rgb(64,8,8)
```
#510a0a
```
#510a0a rgb(81,10,10)
```
#630d0c
```
#630d0c rgb(99,13,12)
```
#740f0e
```
#740f0e rgb(116,15,14)
```
#861111
```
#861111 rgb(134,17,17)
```
#971313
```
#971313 rgb(151,19,19)
```
#a91615
```
#a91615 rgb(169,22,21)
```
#ba1817
```
#ba1817 rgb(186,24,23)
```
#cb1a19
```
#cb1a19 rgb(203,26,25)
```
#dd1d1b
```
#dd1d1b rgb(221,29,27)
```

Shade Color Variation

#e42927
```
#e42927 rgb(228,41,39)
```
#e73a39
```
#e73a39 rgb(231,58,57)
```
#e94b4a
```
#e94b4a rgb(233,75,74)
```
#eb5d5c
```
#eb5d5c rgb(235,93,92)
```
#ed6e6d
```
#ed6e6d rgb(237,110,109)
```
#ef7f7f
```
#ef7f7f rgb(239,127,127)
```
#f19190
```
#f19190 rgb(241,145,144)
```
#f3a2a2
```
#f3a2a2 rgb(243,162,162)
```
#f6b4b3
```
#f6b4b3 rgb(246,180,179)
```
#f8c5c5
```
#f8c5c5 rgb(248,197,197)
```
#fad6d6
```
#fad6d6 rgb(250,214,214)
```
#fce8e8
```
#fce8e8 rgb(252,232,232)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#6a6767
```
#6a6767 rgb(106,103,103)
```
#725f5f
```
#725f5f rgb(114,95,95)
```
#7a5857
```
#7a5857 rgb(122,88,87)
```
#82504f
```
#82504f rgb(130,80,79)
```
#8a4847
```
#8a4847 rgb(138,72,71)
```
#92403f
```
#92403f rgb(146,64,63)
```
#9a3837
```
#9a3837 rgb(154,56,55)
```
#a2302f
```
#a2302f rgb(162,48,47)
```
#aa2827
```
#aa2827 rgb(170,40,39)
```
#b2201f
```
#b2201f rgb(178,32,31)
```
#ba1817
```
#ba1817 rgb(186,24,23)
```
#c2100f
```
#c2100f rgb(194,16,15)
```
#ca0807
```
#ca0807 rgb(202,8,7)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#5f3e3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#706631 Protanopia 1% of men
#806108 Deuteranopia 1% of men
#bd2422 Tritanopia 0.001% of the population

Trichromacy

#8b4928 Protanomaly 1% of men, 0.01% of women
#95460e Deuteranomaly 6% of men, 0.4% of women
#bc1f1e Tritanomaly 0.01% of the population

#ba1817 hex color

#ba1817 Color Information

#ba1817 Color Conversion

Color Schemes with #ba1817

Alternatives to #ba1817

#ba1817 Preview

Shades and Tints of #ba1817

Tones of #ba1817

Color Blindness Simulator