#ba2701 hex color

In a RGB color space, hex #ba2701 is composed of 72.9% red, 15.3% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79% magenta, 99.5% yellow and 27.1% black. It has a hue angle of 12.3 degrees, a saturation of 98.9% and a lightness of 36.7%. #ba2701 color hex could be obtained by blending #ff4e02 with #750000. Closest websafe color is: #cc3300.

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

● #ba2701 color description : Strong red.

The hexadecimal color #ba2701 has RGB values of R:186, G:39, B:1 and CMYK values of C:0, M:0.79, Y:0.99, K:0.27. Its decimal value is 12199681.

Hex triplet	ba2701	`#ba2701`
RGB Decimal	186, 39, 1	`rgb(186,39,1)`
RGB Percent	72.9, 15.3, 0.4	`rgb(72.9%,15.3%,0.4%)`
CMYK	0, 79, 99, 27
HSL	12.3°, 98.9, 36.7	`hsl(12.3,98.9%,36.7%)`
HSV (or HSB)	12.3°, 99.5, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	41.049, 56.284, 53.607
XYZ	20.982, 11.895, 1.22
xyY	0.615, 0.349, 11.895
CIE-LCH	41.049, 77.728, 43.604
CIE-LUV	41.049, 114.977, 31.407
Hunter-Lab	34.489, 48.236, 22.045
Binary	10111010, 00100111, 00000001

#ba2701
```
#ba2701 rgb(186,39,1)
```
#0194ba
```
#0194ba rgb(1,148,186)
```

Complementary Color

#ba0137
```
#ba0137 rgb(186,1,55)
```
#ba2701
```
#ba2701 rgb(186,39,1)
```
#ba8401
```
#ba8401 rgb(186,132,1)
```

Analogous Color

#0137ba
```
#0137ba rgb(1,55,186)
```
#ba2701
```
#ba2701 rgb(186,39,1)
```
#01ba84
```
#01ba84 rgb(1,186,132)
```

Split Complementary Color

#2701ba
```
#2701ba rgb(39,1,186)
```
#ba2701
```
#ba2701 rgb(186,39,1)
```
#01ba27
```
#01ba27 rgb(1,186,39)
```

Triadic Color

#ba0194
```
#ba0194 rgb(186,1,148)
```
#ba2701
```
#ba2701 rgb(186,39,1)
```
#01ba27
```
#01ba27 rgb(1,186,39)
```
#0194ba
```
#0194ba rgb(1,148,186)
```

Tetradic Color

#6e1701
```
#6e1701 rgb(110,23,1)
```
#871c01
```
#871c01 rgb(135,28,1)
```
#a12201
```
#a12201 rgb(161,34,1)
```
#ba2701
```
#ba2701 rgb(186,39,1)
```
#d32c01
```
#d32c01 rgb(211,44,1)
```
#ed3201
```
#ed3201 rgb(237,50,1)
```
#fe3c0a
```
#fe3c0a rgb(254,60,10)
```

Monochromatic Color

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

#ba0109
```
#ba0109 rgb(186,1,9)
```
#ba0801
```
#ba0801 rgb(186,8,1)
```
#ba1801
```
#ba1801 rgb(186,24,1)
```
#ba2701
```
#ba2701 rgb(186,39,1)
```
#ba3601
```
#ba3601 rgb(186,54,1)
```
#ba4601
```
#ba4601 rgb(186,70,1)
```
#ba5501
```
#ba5501 rgb(186,85,1)
```

Similar Colors

Text with hexadecimal color #ba2701

This text has a font color of #ba2701.

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

#ba2701 background color

This paragraph has a background color of #ba2701.

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

#ba2701 border color

This element has a border color of #ba2701.

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

CSS codes

.text {color:#ba2701;}

.background {background-color:#ba2701;}

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

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

#0a0200
```
#0a0200 rgb(10,2,0)
```
#1e0600
```
#1e0600 rgb(30,6,0)
```
#310a00
```
#310a00 rgb(49,10,0)
```
#450e00
```
#450e00 rgb(69,14,0)
```
#581300
```
#581300 rgb(88,19,0)
```
#6c1701
```
#6c1701 rgb(108,23,1)
```
#7f1b01
```
#7f1b01 rgb(127,27,1)
```
#931f01
```
#931f01 rgb(147,31,1)
```
#a62301
```
#a62301 rgb(166,35,1)
```
#ba2701
```
#ba2701 rgb(186,39,1)
```
#ce2b01
```
#ce2b01 rgb(206,43,1)
```
#e12f01
```
#e12f01 rgb(225,47,1)
```
#f53301
```
#f53301 rgb(245,51,1)
```

Shade Color Variation

#fe3d0c
```
#fe3d0c rgb(254,61,12)
```
#fe4d1f
```
#fe4d1f rgb(254,77,31)
```
#fe5d33
```
#fe5d33 rgb(254,93,51)
```
#fe6c46
```
#fe6c46 rgb(254,108,70)
```
#fe7c5a
```
#fe7c5a rgb(254,124,90)
```
#fe8b6d
```
#fe8b6d rgb(254,139,109)
```
#fe9b81
```
#fe9b81 rgb(254,155,129)
```
#feaa94
```
#feaa94 rgb(254,170,148)
```
#ffbaa8
```
#ffbaa8 rgb(255,186,168)
```
#ffc9bb
```
#ffc9bb rgb(255,201,187)
```
#ffd9cf
```
#ffd9cf rgb(255,217,207)
```
#ffe8e2
```
#ffe8e2 rgb(255,232,226)
```
#fff8f6
```
#fff8f6 rgb(255,248,246)
```

Tint Color Variation

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

#645a57
```
#645a57 rgb(100,90,87)
```
#6b5650
```
#6b5650 rgb(107,86,80)
```
#725149
```
#725149 rgb(114,81,73)
```
#794d42
```
#794d42 rgb(121,77,66)
```
#80493b
```
#80493b rgb(128,73,59)
```
#884533
```
#884533 rgb(136,69,51)
```
#8f402c
```
#8f402c rgb(143,64,44)
```
#963c25
```
#963c25 rgb(150,60,37)
```
#9d381e
```
#9d381e rgb(157,56,30)
```
#a43417
```
#a43417 rgb(164,52,23)
```
#ac2f0f
```
#ac2f0f rgb(172,47,15)
```
#b32b08
```
#b32b08 rgb(179,43,8)
```
#ba2701
```
#ba2701 rgb(186,39,1)
```

Tone Color Variation

Below, you can see how #ba2701 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
#64473f Atypical Achromatopsia 0.001% of the population

Dichromacy

#756919 Protanopia 1% of men
#836400 Deuteranopia 1% of men
#be2f30 Tritanopia 0.001% of the population

Trichromacy

#8e5110 Protanomaly 1% of men, 0.01% of women
#974d00 Deuteranomaly 6% of men, 0.4% of women
#bc2c1e Tritanomaly 0.01% of the population

#ba2701 hex color

#ba2701 Color Information

#ba2701 Color Conversion

Color Schemes with #ba2701

Alternatives to #ba2701

#ba2701 Preview

Shades and Tints of #ba2701

Tones of #ba2701

Color Blindness Simulator