#ba1b38 hex color

In a RGB color space, hex #ba1b38 is composed of 72.9% red, 10.6% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.5% magenta, 69.9% yellow and 27.1% black. It has a hue angle of 349.1 degrees, a saturation of 74.6% and a lightness of 41.8%. #ba1b38 color hex could be obtained by blending #ff3670 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 11
- B 22
RGB color chart
- C 0
- M 85
- Y 70
- K 27
CMYK color chart

● #ba1b38 color description : Strong red.

The hexadecimal color #ba1b38 has RGB values of R:186, G:27, B:56 and CMYK values of C:0, M:0.85, Y:0.7, K:0.27. Its decimal value is 12196664.

Hex triplet	ba1b38	`#ba1b38`
RGB Decimal	186, 27, 56	`rgb(186,27,56)`
RGB Percent	72.9, 10.6, 22	`rgb(72.9%,10.6%,22%)`
CMYK	0, 85, 70, 27
HSL	349.1°, 74.6, 41.8	`hsl(349.1,74.6%,41.8%)`
HSV (or HSB)	349.1°, 85.5, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	40.428, 60.746, 26.45
XYZ	21.356, 11.511, 4.839
xyY	0.566, 0.305, 11.511
CIE-LCH	40.428, 66.255, 23.529
CIE-LUV	40.428, 111.315, 14.955
Hunter-Lab	33.928, 52.985, 15.294
Binary	10111010, 00011011, 00111000

#ba1b38
```
#ba1b38 rgb(186,27,56)
```
#1bba9d
```
#1bba9d rgb(27,186,157)
```

Complementary Color

#ba1b88
```
#ba1b88 rgb(186,27,136)
```
#ba1b38
```
#ba1b38 rgb(186,27,56)
```
#ba4d1b
```
#ba4d1b rgb(186,77,27)
```

Analogous Color

#1b88ba
```
#1b88ba rgb(27,136,186)
```
#ba1b38
```
#ba1b38 rgb(186,27,56)
```
#1bba4d
```
#1bba4d rgb(27,186,77)
```

Split Complementary Color

#1b38ba
```
#1b38ba rgb(27,56,186)
```
#ba1b38
```
#ba1b38 rgb(186,27,56)
```
#38ba1b
```
#38ba1b rgb(56,186,27)
```

Triadic Color

#9d1bba
```
#9d1bba rgb(157,27,186)
```
#ba1b38
```
#ba1b38 rgb(186,27,56)
```
#38ba1b
```
#38ba1b rgb(56,186,27)
```
#1bba9d
```
#1bba9d rgb(27,186,157)
```

Tetradic Color

#771124
```
#771124 rgb(119,17,36)
```
#8d152b
```
#8d152b rgb(141,21,43)
```
#a41831
```
#a41831 rgb(164,24,49)
```
#ba1b38
```
#ba1b38 rgb(186,27,56)
```
#d01e3f
```
#d01e3f rgb(208,30,63)
```
#e0284a
```
#e0284a rgb(224,40,74)
```
#e33e5c
```
#e33e5c rgb(227,62,92)
```

Monochromatic Color

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

#ba1b60
```
#ba1b60 rgb(186,27,96)
```
#ba1b53
```
#ba1b53 rgb(186,27,83)
```
#ba1b45
```
#ba1b45 rgb(186,27,69)
```
#ba1b38
```
#ba1b38 rgb(186,27,56)
```
#ba1b2b
```
#ba1b2b rgb(186,27,43)
```
#ba1b1e
```
#ba1b1e rgb(186,27,30)
```
#ba261b
```
#ba261b rgb(186,38,27)
```

Similar Colors

Text with hexadecimal color #ba1b38

This text has a font color of #ba1b38.

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

#ba1b38 background color

This paragraph has a background color of #ba1b38.

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

#ba1b38 border color

This element has a border color of #ba1b38.

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

CSS codes

.text {color:#ba1b38;}

.background {background-color:#ba1b38;}

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

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

#0f0204
```
#0f0204 rgb(15,2,4)
```
#20050a
```
#20050a rgb(32,5,10)
```
#31070f
```
#31070f rgb(49,7,15)
```
#420a14
```
#420a14 rgb(66,10,20)
```
#530c19
```
#530c19 rgb(83,12,25)
```
#640f1e
```
#640f1e rgb(100,15,30)
```
#751123
```
#751123 rgb(117,17,35)
```
#871429
```
#871429 rgb(135,20,41)
```
#98162e
```
#98162e rgb(152,22,46)
```
#a91933
```
#a91933 rgb(169,25,51)
```
#ba1b38
```
#ba1b38 rgb(186,27,56)
```
#cb1d3d
```
#cb1d3d rgb(203,29,61)
```
#dc2042
```
#dc2042 rgb(220,32,66)
```

Shade Color Variation

#e12f4f
```
#e12f4f rgb(225,47,79)
```
#e3405e
```
#e3405e rgb(227,64,94)
```
#e6516c
```
#e6516c rgb(230,81,108)
```
#e8627b
```
#e8627b rgb(232,98,123)
```
#eb7489
```
#eb7489 rgb(235,116,137)
```
#ed8598
```
#ed8598 rgb(237,133,152)
```
#f096a6
```
#f096a6 rgb(240,150,166)
```
#f2a7b5
```
#f2a7b5 rgb(242,167,181)
```
#f5b8c3
```
#f5b8c3 rgb(245,184,195)
```
#f7c9d2
```
#f7c9d2 rgb(247,201,210)
```
#fadae0
```
#fadae0 rgb(250,218,224)
```
#fcebef
```
#fcebef rgb(252,235,239)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#706567
```
#706567 rgb(112,101,103)
```
#785d62
```
#785d62 rgb(120,93,98)
```
#81545c
```
#81545c rgb(129,84,92)
```
#894c57
```
#894c57 rgb(137,76,87)
```
#914452
```
#914452 rgb(145,68,82)
```
#993c4d
```
#993c4d rgb(153,60,77)
```
#a13448
```
#a13448 rgb(161,52,72)
```
#aa2b42
```
#aa2b42 rgb(170,43,66)
```
#b2233d
```
#b2233d rgb(178,35,61)
```
#ba1b38
```
#ba1b38 rgb(186,27,56)
```
#c21333
```
#c21333 rgb(194,19,51)
```
#ca0b2e
```
#ca0b2e rgb(202,11,46)
```
#d30228
```
#d30228 rgb(211,2,40)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#64444a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6757 Protanopia 1% of men
#7e6337 Deuteranopia 1% of men
#bc2b2c Tritanopia 0.001% of the population

Trichromacy

#894b4b Protanomaly 1% of men, 0.01% of women
#934837 Deuteranomaly 6% of men, 0.4% of women
#bb2530 Tritanomaly 0.01% of the population

#ba1b38 hex color

#ba1b38 Color Information

#ba1b38 Color Conversion

Color Schemes with #ba1b38

Alternatives to #ba1b38

#ba1b38 Preview

Shades and Tints of #ba1b38

Tones of #ba1b38

Color Blindness Simulator