#ba1802 hex color

In a RGB color space, hex #ba1802 is composed of 72.9% red, 9.4% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.1% magenta, 98.9% yellow and 27.1% black. It has a hue angle of 7.2 degrees, a saturation of 97.9% and a lightness of 36.9%. #ba1802 color hex could be obtained by blending #ff3004 with #750000. Closest websafe color is: #cc0000.

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

● #ba1802 color description : Strong red.

The hexadecimal color #ba1802 has RGB values of R:186, G:24, B:2 and CMYK values of C:0, M:0.87, Y:0.99, K:0.27. Its decimal value is 12195842.

Hex triplet	ba1802	`#ba1802`
RGB Decimal	186, 24, 2	`rgb(186,24,2)`
RGB Percent	72.9, 9.4, 0.8	`rgb(72.9%,9.4%,0.8%)`
CMYK	0, 87, 99, 27
HSL	7.2°, 97.9, 36.9	`hsl(7.2,97.9%,36.9%)`
HSV (or HSB)	7.2°, 98.9, 72.9
Web Safe	cc0000	`#cc0000`

CIE-LAB	39.747, 59.993, 52.674
XYZ	20.588, 11.099, 1.116
xyY	0.628, 0.338, 11.099
CIE-LCH	39.747, 79.836, 41.284
CIE-LUV	39.747, 121.236, 29.063
Hunter-Lab	33.316, 52.006, 21.335
Binary	10111010, 00011000, 00000010

#ba1802
```
#ba1802 rgb(186,24,2)
```
#02a4ba
```
#02a4ba rgb(2,164,186)
```

Complementary Color

#ba0248
```
#ba0248 rgb(186,2,72)
```
#ba1802
```
#ba1802 rgb(186,24,2)
```
#ba7402
```
#ba7402 rgb(186,116,2)
```

Analogous Color

#0248ba
```
#0248ba rgb(2,72,186)
```
#ba1802
```
#ba1802 rgb(186,24,2)
```
#02ba74
```
#02ba74 rgb(2,186,116)
```

Split Complementary Color

#1802ba
```
#1802ba rgb(24,2,186)
```
#ba1802
```
#ba1802 rgb(186,24,2)
```
#02ba18
```
#02ba18 rgb(2,186,24)
```

Triadic Color

#ba02a4
```
#ba02a4 rgb(186,2,164)
```
#ba1802
```
#ba1802 rgb(186,24,2)
```
#02ba18
```
#02ba18 rgb(2,186,24)
```
#02a4ba
```
#02a4ba rgb(2,164,186)
```

Tetradic Color

#6e0e01
```
#6e0e01 rgb(110,14,1)
```
#881101
```
#881101 rgb(136,17,1)
```
#a11502
```
#a11502 rgb(161,21,2)
```
#ba1802
```
#ba1802 rgb(186,24,2)
```
#d31b02
```
#d31b02 rgb(211,27,2)
```
#ec1f03
```
#ec1f03 rgb(236,31,3)
```
#fc290c
```
#fc290c rgb(252,41,12)
```

Monochromatic Color

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

#ba021a
```
#ba021a rgb(186,2,26)
```
#ba020b
```
#ba020b rgb(186,2,11)
```
#ba0902
```
#ba0902 rgb(186,9,2)
```
#ba1802
```
#ba1802 rgb(186,24,2)
```
#ba2702
```
#ba2702 rgb(186,39,2)
```
#ba3702
```
#ba3702 rgb(186,55,2)
```
#ba4602
```
#ba4602 rgb(186,70,2)
```

Similar Colors

Text with hexadecimal color #ba1802

This text has a font color of #ba1802.

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

#ba1802 background color

This paragraph has a background color of #ba1802.

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

#ba1802 border color

This element has a border color of #ba1802.

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

CSS codes

.text {color:#ba1802;}

.background {background-color:#ba1802;}

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

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

#0b0100
```
#0b0100 rgb(11,1,0)
```
#1f0400
```
#1f0400 rgb(31,4,0)
```
#320601
```
#320601 rgb(50,6,1)
```
#460901
```
#460901 rgb(70,9,1)
```
#590b01
```
#590b01 rgb(89,11,1)
```
#6c0e01
```
#6c0e01 rgb(108,14,1)
```
#801001
```
#801001 rgb(128,16,1)
```
#931302
```
#931302 rgb(147,19,2)
```
#a71502
```
#a71502 rgb(167,21,2)
```
#ba1802
```
#ba1802 rgb(186,24,2)
```
#cd1b02
```
#cd1b02 rgb(205,27,2)
```
#e11d02
```
#e11d02 rgb(225,29,2)
```
#f42003
```
#f42003 rgb(244,32,3)
```

Shade Color Variation

#fc2b0e
```
#fc2b0e rgb(252,43,14)
```
#fd3c21
```
#fd3c21 rgb(253,60,33)
```
#fd4d35
```
#fd4d35 rgb(253,77,53)
```
#fd5e48
```
#fd5e48 rgb(253,94,72)
```
#fd6f5c
```
#fd6f5c rgb(253,111,92)
```
#fd806f
```
#fd806f rgb(253,128,111)
```
#fe9182
```
#fe9182 rgb(254,145,130)
```
#fea296
```
#fea296 rgb(254,162,150)
```
#feb3a9
```
#feb3a9 rgb(254,179,169)
```
#fec5bd
```
#fec5bd rgb(254,197,189)
```
#fed6d0
```
#fed6d0 rgb(254,214,208)
```
#ffe7e4
```
#ffe7e4 rgb(255,231,228)
```
#fff8f7
```
#fff8f7 rgb(255,248,247)
```

Tint Color Variation

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

#635a59
```
#635a59 rgb(99,90,89)
```
#6a5552
```
#6a5552 rgb(106,85,82)
```
#724f4a
```
#724f4a rgb(114,79,74)
```
#794a43
```
#794a43 rgb(121,74,67)
```
#80443c
```
#80443c rgb(128,68,60)
```
#873f35
```
#873f35 rgb(135,63,53)
```
#8f392d
```
#8f392d rgb(143,57,45)
```
#963426
```
#963426 rgb(150,52,38)
```
#9d2e1f
```
#9d2e1f rgb(157,46,31)
```
#a42918
```
#a42918 rgb(164,41,24)
```
#ac2310
```
#ac2310 rgb(172,35,16)
```
#b31e09
```
#b31e09 rgb(179,30,9)
```
#ba1802
```
#ba1802 rgb(186,24,2)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#5d3d38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72661c Protanopia 1% of men
#7f6100 Deuteranopia 1% of men
#bd2220 Tritanopia 0.001% of the population

Trichromacy

#8c4912 Protanomaly 1% of men, 0.01% of women
#944600 Deuteranomaly 6% of men, 0.4% of women
#bc1e15 Tritanomaly 0.01% of the population

#ba1802 hex color

#ba1802 Color Information

#ba1802 Color Conversion

Color Schemes with #ba1802

Alternatives to #ba1802

#ba1802 Preview

Shades and Tints of #ba1802

Tones of #ba1802

Color Blindness Simulator