#ba1f3f hex color

In a RGB color space, hex #ba1f3f is composed of 72.9% red, 12.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 66.1% yellow and 27.1% black. It has a hue angle of 347.6 degrees, a saturation of 71.4% and a lightness of 42.5%. #ba1f3f color hex could be obtained by blending #ff3e7e with #750000. Closest websafe color is: #cc3333.

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

● #ba1f3f color description : Strong red.

The hexadecimal color #ba1f3f has RGB values of R:186, G:31, B:63 and CMYK values of C:0, M:0.83, Y:0.66, K:0.27. Its decimal value is 12197695.

Hex triplet	ba1f3f	`#ba1f3f`
RGB Decimal	186, 31, 63	`rgb(186,31,63)`
RGB Percent	72.9, 12.2, 24.7	`rgb(72.9%,12.2%,24.7%)`
CMYK	0, 83, 66, 27
HSL	347.6°, 71.4, 42.5	`hsl(347.6,71.4%,42.5%)`
HSV (or HSB)	347.6°, 83.3, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	40.865, 60.193, 22.632
XYZ	21.638, 11.781, 5.837
xyY	0.551, 0.3, 11.781
CIE-LCH	40.865, 64.307, 20.606
CIE-LUV	40.865, 107.91, 12.137
Hunter-Lab	34.323, 52.465, 13.943
Binary	10111010, 00011111, 00111111

#ba1f3f
```
#ba1f3f rgb(186,31,63)
```
#1fba9a
```
#1fba9a rgb(31,186,154)
```

Complementary Color

#ba1f8d
```
#ba1f8d rgb(186,31,141)
```
#ba1f3f
```
#ba1f3f rgb(186,31,63)
```
#ba4d1f
```
#ba4d1f rgb(186,77,31)
```

Analogous Color

#1f8dba
```
#1f8dba rgb(31,141,186)
```
#ba1f3f
```
#ba1f3f rgb(186,31,63)
```
#1fba4d
```
#1fba4d rgb(31,186,77)
```

Split Complementary Color

#1f3fba
```
#1f3fba rgb(31,63,186)
```
#ba1f3f
```
#ba1f3f rgb(186,31,63)
```
#3fba1f
```
#3fba1f rgb(63,186,31)
```

Triadic Color

#9a1fba
```
#9a1fba rgb(154,31,186)
```
#ba1f3f
```
#ba1f3f rgb(186,31,63)
```
#3fba1f
```
#3fba1f rgb(63,186,31)
```
#1fba9a
```
#1fba9a rgb(31,186,154)
```

Tetradic Color

#781429
```
#781429 rgb(120,20,41)
```
#8e1830
```
#8e1830 rgb(142,24,48)
```
#a41b38
```
#a41b38 rgb(164,27,56)
```
#ba1f3f
```
#ba1f3f rgb(186,31,63)
```
#d02346
```
#d02346 rgb(208,35,70)
```
#dc3053
```
#dc3053 rgb(220,48,83)
```
#e04565
```
#e04565 rgb(224,69,101)
```

Monochromatic Color

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

#ba1f66
```
#ba1f66 rgb(186,31,102)
```
#ba1f59
```
#ba1f59 rgb(186,31,89)
```
#ba1f4c
```
#ba1f4c rgb(186,31,76)
```
#ba1f3f
```
#ba1f3f rgb(186,31,63)
```
#ba1f32
```
#ba1f32 rgb(186,31,50)
```
#ba1f25
```
#ba1f25 rgb(186,31,37)
```
#ba261f
```
#ba261f rgb(186,38,31)
```

Similar Colors

Text with hexadecimal color #ba1f3f

This text has a font color of #ba1f3f.

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

#ba1f3f background color

This paragraph has a background color of #ba1f3f.

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

#ba1f3f border color

This element has a border color of #ba1f3f.

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

CSS codes

.text {color:#ba1f3f;}

.background {background-color:#ba1f3f;}

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

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, #010000 is the darkest color, while #fceff2 is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#120306
```
#120306 rgb(18,3,6)
```
#23060c
```
#23060c rgb(35,6,12)
```
#330911
```
#330911 rgb(51,9,17)
```
#440b17
```
#440b17 rgb(68,11,23)
```
#550e1d
```
#550e1d rgb(85,14,29)
```
#661123
```
#661123 rgb(102,17,35)
```
#771428
```
#771428 rgb(119,20,40)
```
#88172e
```
#88172e rgb(136,23,46)
```
#981934
```
#981934 rgb(152,25,52)
```
#a91c39
```
#a91c39 rgb(169,28,57)
```
#ba1f3f
```
#ba1f3f rgb(186,31,63)
```
#cb2245
```
#cb2245 rgb(203,34,69)
```

Shade Color Variation

#db254b
```
#db254b rgb(219,37,75)
```
#de3659
```
#de3659 rgb(222,54,89)
```
#e04767
```
#e04767 rgb(224,71,103)
```
#e35875
```
#e35875 rgb(227,88,117)
```
#e66983
```
#e66983 rgb(230,105,131)
```
#e97a91
```
#e97a91 rgb(233,122,145)
```
#ec8a9e
```
#ec8a9e rgb(236,138,158)
```
#ee9bac
```
#ee9bac rgb(238,155,172)
```
#f1acba
```
#f1acba rgb(241,172,186)
```
#f4bdc8
```
#f4bdc8 rgb(244,189,200)
```
#f7ced6
```
#f7ced6 rgb(247,206,214)
```
#fadee4
```
#fadee4 rgb(250,222,228)
```
#fceff2
```
#fceff2 rgb(252,239,242)
```

Tint Color Variation

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

#6f6a6b
```
#6f6a6b rgb(111,106,107)
```
#776266
```
#776266 rgb(119,98,102)
```
#805961
```
#805961 rgb(128,89,97)
```
#88515c
```
#88515c rgb(136,81,92)
```
#904958
```
#904958 rgb(144,73,88)
```
#994053
```
#994053 rgb(153,64,83)
```
#a1384e
```
#a1384e rgb(161,56,78)
```
#a93049
```
#a93049 rgb(169,48,73)
```
#b22744
```
#b22744 rgb(178,39,68)
```
#ba1f3f
```
#ba1f3f rgb(186,31,63)
```
#c2173a
```
#c2173a rgb(194,23,58)
```
#cb0e35
```
#cb0e35 rgb(203,14,53)
```
#d30630
```
#d30630 rgb(211,6,48)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#66474d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c685e Protanopia 1% of men
#7e643f Deuteranopia 1% of men
#bc3031 Tritanopia 0.001% of the population

Trichromacy

#884d53 Protanomaly 1% of men, 0.01% of women
#944a3f Deuteranomaly 6% of men, 0.4% of women
#bb2936 Tritanomaly 0.01% of the population

#ba1f3f hex color

#ba1f3f Color Information

#ba1f3f Color Conversion

Color Schemes with #ba1f3f

Alternatives to #ba1f3f

#ba1f3f Preview

Shades and Tints of #ba1f3f

Tones of #ba1f3f

Color Blindness Simulator