#ba1b3f hex color

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

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

● #ba1b3f color description : Strong red.

The hexadecimal color #ba1b3f has RGB values of R:186, G:27, B:63 and CMYK values of C:0, M:0.85, Y:0.66, K:0.27. Its decimal value is 12196671.

Hex triplet	ba1b3f	`#ba1b3f`
RGB Decimal	186, 27, 63	`rgb(186,27,63)`
RGB Percent	72.9, 10.6, 24.7	`rgb(72.9%,10.6%,24.7%)`
CMYK	0, 85, 66, 27
HSL	346.4°, 74.6, 41.8	`hsl(346.4,74.6%,41.8%)`
HSV (or HSB)	346.4°, 85.5, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	40.548, 61.098, 22.226
XYZ	21.54, 11.584, 5.804
xyY	0.553, 0.298, 11.584
CIE-LCH	40.548, 65.015, 19.99
CIE-LUV	40.548, 109.218, 11.488
Hunter-Lab	34.036, 53.401, 13.714
Binary	10111010, 00011011, 00111111

#ba1b3f
```
#ba1b3f rgb(186,27,63)
```
#1bba96
```
#1bba96 rgb(27,186,150)
```

Complementary Color

#ba1b8f
```
#ba1b8f rgb(186,27,143)
```
#ba1b3f
```
#ba1b3f rgb(186,27,63)
```
#ba461b
```
#ba461b rgb(186,70,27)
```

Analogous Color

#1b8fba
```
#1b8fba rgb(27,143,186)
```
#ba1b3f
```
#ba1b3f rgb(186,27,63)
```
#1bba46
```
#1bba46 rgb(27,186,70)
```

Split Complementary Color

#1b3fba
```
#1b3fba rgb(27,63,186)
```
#ba1b3f
```
#ba1b3f rgb(186,27,63)
```
#3fba1b
```
#3fba1b rgb(63,186,27)
```

Triadic Color

#961bba
```
#961bba rgb(150,27,186)
```
#ba1b3f
```
#ba1b3f rgb(186,27,63)
```
#3fba1b
```
#3fba1b rgb(63,186,27)
```
#1bba96
```
#1bba96 rgb(27,186,150)
```

Tetradic Color

#771128
```
#771128 rgb(119,17,40)
```
#8d1530
```
#8d1530 rgb(141,21,48)
```
#a41837
```
#a41837 rgb(164,24,55)
```
#ba1b3f
```
#ba1b3f rgb(186,27,63)
```
#d01e47
```
#d01e47 rgb(208,30,71)
```
#e02852
```
#e02852 rgb(224,40,82)
```
#e33e64
```
#e33e64 rgb(227,62,100)
```

Monochromatic Color

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

#ba1b67
```
#ba1b67 rgb(186,27,103)
```
#ba1b5a
```
#ba1b5a rgb(186,27,90)
```
#ba1b4c
```
#ba1b4c rgb(186,27,76)
```
#ba1b3f
```
#ba1b3f rgb(186,27,63)
```
#ba1b32
```
#ba1b32 rgb(186,27,50)
```
#ba1b25
```
#ba1b25 rgb(186,27,37)
```
#ba1f1b
```
#ba1f1b rgb(186,31,27)
```

Similar Colors

Text with hexadecimal color #ba1b3f

This text has a font color of #ba1b3f.

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

#ba1b3f background color

This paragraph has a background color of #ba1b3f.

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

#ba1b3f border color

This element has a border color of #ba1b3f.

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

CSS codes

.text {color:#ba1b3f;}

.background {background-color:#ba1b3f;}

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

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

#0f0205
```
#0f0205 rgb(15,2,5)
```
#20050b
```
#20050b rgb(32,5,11)
```
#310711
```
#310711 rgb(49,7,17)
```
#420a16
```
#420a16 rgb(66,10,22)
```
#530c1c
```
#530c1c rgb(83,12,28)
```
#640f22
```
#640f22 rgb(100,15,34)
```
#751128
```
#751128 rgb(117,17,40)
```
#87142e
```
#87142e rgb(135,20,46)
```
#981633
```
#981633 rgb(152,22,51)
```
#a91939
```
#a91939 rgb(169,25,57)
```
#ba1b3f
```
#ba1b3f rgb(186,27,63)
```
#cb1d45
```
#cb1d45 rgb(203,29,69)
```
#dc204b
```
#dc204b rgb(220,32,75)
```

Shade Color Variation

#e12f57
```
#e12f57 rgb(225,47,87)
```
#e34065
```
#e34065 rgb(227,64,101)
```
#e65173
```
#e65173 rgb(230,81,115)
```
#e86281
```
#e86281 rgb(232,98,129)
```
#eb748f
```
#eb748f rgb(235,116,143)
```
#ed859c
```
#ed859c rgb(237,133,156)
```
#f096aa
```
#f096aa rgb(240,150,170)
```
#f2a7b8
```
#f2a7b8 rgb(242,167,184)
```
#f5b8c6
```
#f5b8c6 rgb(245,184,198)
```
#f7c9d4
```
#f7c9d4 rgb(247,201,212)
```
#fadae1
```
#fadae1 rgb(250,218,225)
```
#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 #d30232 is the most saturated one.

#706567
```
#706567 rgb(112,101,103)
```
#785d63
```
#785d63 rgb(120,93,99)
```
#81545e
```
#81545e rgb(129,84,94)
```
#894c5a
```
#894c5a rgb(137,76,90)
```
#914455
```
#914455 rgb(145,68,85)
```
#993c51
```
#993c51 rgb(153,60,81)
```
#a1344c
```
#a1344c rgb(161,52,76)
```
#aa2b48
```
#aa2b48 rgb(170,43,72)
```
#b22343
```
#b22343 rgb(178,35,67)
```
#ba1b3f
```
#ba1b3f rgb(186,27,63)
```
#c2133b
```
#c2133b rgb(194,19,59)
```
#ca0b36
```
#ca0b36 rgb(202,11,54)
```
#d30232
```
#d30232 rgb(211,2,50)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#64454c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b675f Protanopia 1% of men
#7d633e Deuteranopia 1% of men
#bc2d2e Tritanopia 0.001% of the population

Trichromacy

#884b53 Protanomaly 1% of men, 0.01% of women
#93493e Deuteranomaly 6% of men, 0.4% of women
#bb2634 Tritanomaly 0.01% of the population

#ba1b3f hex color

#ba1b3f Color Information

#ba1b3f Color Conversion

Color Schemes with #ba1b3f

Alternatives to #ba1b3f

#ba1b3f Preview

Shades and Tints of #ba1b3f

Tones of #ba1b3f

Color Blindness Simulator